自定义图标

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点多了,我作业还一个字没动,到点了😭