前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >wordpress指针样式自定义——美化你的blog

wordpress指针样式自定义——美化你的blog

作者头像
神无月
发布2018-06-25 16:55:19
7780
发布2018-06-25 16:55:19
举报
文章被收录于专栏:小文博客小文博客

昨天美化了一下博客,主要是换了2个比较好看的指针


今天就教大家如何自定义自己博客的鼠标样式


首先,大家要去物色2个比较好看的指针,下载到本地然后上传到你的网站首页,记得重命名

比如我的2个就是normal.cur和link.cur

上传好之后我们就访问他的地址看看能不能打开,如果可以就上传成功了。

比如我的就是访问https://www.qcgzxw.cn/normal.cur和https://www.qcgzxw.cn/normal.cur

一切准备就绪之后,我们进入wordpress后台的仪表盘,选择外观里面的编辑

选择右下角的样式表(style.css)进行编辑,将以下代码插到第一行内后保存即可

PS:以下代码可直接使用,若想要自定义鼠标样式,请将代码中网址部分替换成你的鼠标样式的绝对路径即可

/** 鼠标样式 开始**/ /** 普通指针样式**/ body { cursor: url(https://www.qcgzxw.cn/normal.cur), default; } /** 链接指针样式**/ a:hover{cursor:url(https://www.qcgzxw.cn/link.cur), pointer;} /** 鼠标样式 结束**/

12345678910

/** 鼠标样式 开始**/ /** 普通指针样式**/ body {cursor: url(https://www.qcgzxw.cn/normal.cur), default;} /** 链接指针样式**/ a:hover{cursor:url(https://www.qcgzxw.cn/link.cur), pointer;} /** 鼠标样式 结束**/


上图


这样就大功告成了,如果没有效果的请清楚浏览器缓存和网站缓存试试,我的由于缓存的缘故也是当时没有生效。

有任何疑问请留言或评论,24h在线解答

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2017年2月19日 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 上图
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档