自定义图标
在iconfont-阿里巴巴矢量图标库中找自己喜欢的图标添加到自己的项目里,然后下载到本地,然后在menu中改
1 2 3 4 5 6
| menu: 首页: / || iconfont icon-shouye 时间线: /archives/ || iconfont icon-riqi 标签: /tags/ || iconfont icon-biaoqian 分类: /categories/ || iconfont icon-fenlei21 关于: /about/ || iconfont icon-guanyuwomen
|
自定义鼠标
在这个网站中调选自己喜欢的样式下载:鼠标指针 - 光标 - 电脑鼠标指针下载 - 致美化 - 漫锋网
如果是ani格式,要转化成cur格式才能用,我试了很多转换的网站,不是没用就是要收费,后面干脆偷渡到gif再转cur了
下载CursorWorkshop Download将ani转化成gif,再用GIF 轉換到 CUR - 免費在線轉換 GIF 到 CUR转化成cur,将你的cur文件地址替换在一下代码中
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46
| /* 全局默认鼠标指针 */ body, html { cursor: url('./mouse/.cur'), auto !important; }
/* 悬停图片时的鼠标指针 */ img { cursor: url('./mouse/move.cur'), auto !important; }
/* 选择链接标签时的鼠标指针 */ a:hover { cursor: url('./mouse/help.cur'), auto; }
/* 选中输入框时的鼠标指针 */ input:hover { cursor: url('指定样式cur文件路径'), auto; }
/* 悬停按钮时的鼠标指针 */ button:hover { cursor: url('指定样式cur文件路径'), auto; }
/* 悬停列表标签时的鼠标指针 */ i:hover { cursor: url('指定样式cur文件路径'), auto; }
/* 悬停页脚链接标签(例如页脚徽标)时的鼠标指针 */ #footer-wrap a:hover { cursor: url('指定样式cur文件路径'), auto; }
/* 悬停页码时的鼠标指针 */ #pagination .page-number:hover { cursor: url('指定样式cur文件路径'), auto; }
/* 悬停菜单栏时的鼠标指针 */ #nav .site-page:hover { cursor: url('指定样式cur文件路径'), auto; }
|
然后重新部署一下就行了
晚上临时写了这篇文章,想保存一下今天的几个资源网站,说不定之后还想换鼠标样式啥的。写的匆忙,今天就安可一首《够钟》吧,因为明天周一,现在已经10点多了,我作业还一个字没动,到点了😭