NEWS LETTER

NexT主题修改侧边滚动条

  • Home
  • scrollbar.html
Scroll down

NexT主题修改侧边栏

(root)\themes\next\source\css找到_other.styl,没有就自建。

增添以下代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
::-webkit-scrollbar-thumb {
background-color: #FF2A68;
background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent);
border-radius: 3em;
}
::-webkit-scrollbar-track {
background-color: #ffcacaff;
border-radius: 3em;
}
::-webkit-scrollbar {
width: 8px;
height: 15px;
}

样式

若发现配色不适合网页,例如:

配色不适合

可以去:在线调色助手配色参考(rockhwhuang.com),挑选自己喜欢的颜色,然后在::-webkit-scrollbar-thumb{background-color:}更改滚条颜色,在::-webkit-scrollbar-track 中的background-color:修改背景颜色

推荐文章
站内
相关 (19.0%)
4分钟

添加友链踩坑记录

原本今天想添加一页友链网页,但是使用了网上的办法发现没法适合NexT 7.8.0,百般周折后发现是一行代码插入错误。
这里我记录一下正确的做法

1
本站作者
原创文章
站内
相关 (19.0%)
4分钟

NexT主题深度自定义字体

如何深度的更换NexT主题的字体是困扰我比较旧的问题,学会了更换字体后我们可以从我们自己的CDN中加载字体从而减少其他CDN的依赖,或者更换我们自己喜欢的字体,

2
本站作者
原创文章
站内
相关 (19.0%)
5分钟

在NexT的侧边栏添加近期文章板块

原本今天想再侧边栏添加一页友链网页,但是使用了网上的办法发现没法适合NexT 7.8.0,百般周折后发现是源代码不兼容
这里我记录一下正确的做法

3
本站作者
原创文章
站内
相关 (19.0%)
5分钟

Hexo-NexT主题加速运行

有时候你的博客加载缓慢,可能是因为加载的本地的东西太多。

4
本站作者
原创文章

--- over ---

其他文章
目录导航 置顶
  1. 1. NexT主题修改侧边栏
请输入关键词进行搜索