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

昨天美化了一下博客,主要是换了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在线解答

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏贺贺的前端工程师之路

Angular2 之 结构型指令几个概念

两种用法。(* 与 template) 控制宿主元素的模板。 在哪里去显示,viewcontain 怎么注入,属性的set语法的使用,是便捷的监听属性值变化...

772
来自专栏Golang语言社区

Golang语言社区--【H5游戏开发基础知识】JavaScript 用法

HTML 中的脚本必须位于 <script> 与 </script> 标签之间。 脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。 -...

2708
来自专栏从零开始学自动化测试

Selenium2+python自动化28-table定位

前言 在web页面中经常会遇到table表格,特别是后台操作页面比较常见。本篇详细讲解table表格如何定位。 一、认识table 1.首先看下...

2767
来自专栏python3

tkinter -- Place

注意 bt2放置的位置是在 root 的(0,0)处,而 button1放置的位置是在 lb1的(0,0)处,原因是由于 bt1使用了 in 来指定放置的窗口为...

611
来自专栏Google Dart

AngularDart Material Design 步进器 顶

(adsbygoogle = window.adsbygoogle || []).push({}); fun...

1422
来自专栏前端知识分享

第78天:jQuery事件总结(一)

     现在就一点一点积累自己的知识体系,记录自己学到的和自己所理解的jQuery。

722
来自专栏菜鸟计划

vue组件详解(五)——组件高级用法

一、递归组件 组件在它的模板内可以递归地调用自己, 只要给组件设置name 的选项就可以了。 示例如下: <div id="app19"> ...

3996
来自专栏每日一篇技术文章

weex-08-单击事件

1172
来自专栏葡萄城控件技术团队

你不可不知的HTML优化技巧

如何提升Web页面的性能,很多开发人员从多个方面来下手如JavaScript、图像优化、服务器配置,文件压缩或是调整CSS。 很显然HTML 已经达到了一个瓶颈...

2106
来自专栏十月梦想

js定时器叠加处理方案

setInterval(function(),1000);设置一个定时器给定时器一个变量名字,如: var timer=setInterval(function...

1393

扫码关注云+社区