自定义博客园之修改滚动条

/*滚动条整体样式*/
body::-webkit-scrollbar {
    width: 5px;
    height: 1px;
}
/*滚动条滑块*/
body::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #252525;
}
/*滚动条轨道*/
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);
    border-radius: 5px;
    background: #FF8080;
}

原文地址:https://www.cnblogs.com/lishisan/p/11219761.html

时间: 2024-07-31 09:59:41

自定义博客园之修改滚动条的相关文章

自定义博客园主题样式

自定义博客园主题样式 基础实现 之前有记录自己自定义目录以及相关样式功能,感兴趣的可以看下 博客园如何设置目录生成&设置目录&设置标题背景色&修改标题背景色 在此基础上再加点捣鼓内容,实现主题样式透明化.增加侧边“分享”模块.标题级别显示设置 具体代码中会进行注释,可进行相应参考 内容比较粗略,将就看喽~ 透明化 效果 具体实现 ****************************************** 页面定制CSS代码 ************************

使用highlightjs_markdown编辑器自定义博客园代码高亮

一 下载选定highlightjs主题CSS样式 先去highlightjs官网选择一个主题,然后直接下载主题包,找到对应名字的css,复制所有css样式代码 然后博客园选项修改默认编辑器为markdown,如下: 二 修改CSS代码并设置 在样式的第一行.hljs前面加上这句 .cnblogs-markdown 还需要在背景颜色和字体大小后加入强制覆盖,即!important,只需要改动第一个,如下图: 将修改后的css样式直接贴在设置里面的页面定制 CSS 代码里面保存即可查看效果,注意,如

自定义博客园皮肤:暗色流体响应式布局

博客园的皮肤模板虽然有100多套,但我需要的作品却没几套,从布局上看,大多是固定布局,有的使用表格布局,有的将侧边栏在HTML页面的代码顺序放在主内容的前面.这些布局方式不利于页面缩放和不同屏幕尺寸与分辨率的设备浏览,尤其是在当今网页浏览设备屏幕尺寸与分辨率多样化的时代,流体与响应式布局才是最佳的选择.从配色上看,博客园有3款还不错的暗色皮肤,但不符合我布局的要求. 我想要自己的博客皮肤满足以下要求: 模版选择:不能使用表格布局,侧边栏在HTML页面的代码顺序放在主内容 的后面,页面结构和样式简

自定义博客园模板/css/html/js

唔....实在是找不到什么别的事情好干了,省选凉凉回去学文化课真的说实话很无聊...而且导致现在OI做题并没有什么目的性和系统性...还不如去做物理... 可能有对我博客样式感兴趣的朋友...我这里省去你们F12的时间来介绍一下我的博客模板吧... 首先总的stylecss和大模板都是当初angel_Kitty学姐的,嗯,连接在这,可以自己去看:博客园自定义页面风格设计 后续篇(页面设计模式及代码高亮 鼠标点击效果升级). 这里着重感谢学姐帮我指导和完善了博客的样式. 看完了上面的应该就已经有了

自定义博客园主题和自动生成目录

背景 最近觉得博客园网站太老旧了,不好看,并且没有移动端,于是想转到简书去写博客(主要简书有移动端),写出来的效果还是不满意,于是又回到了博客园,只能自己修改下博客主题了. 于是百度了下,找到了两篇参考博客: 主题修改参考了:一套简约漂亮的响应式博客园主题皮肤 添加目录参考了:让博客园博客自动生成章节目录索引 在他们的基础上做了相应的修改,值得注意的一点是,主题修改必须注意当前所使用的默认模板是什么,如果不一样可能会造成样式错乱,因为我发现博客园不同的官方主题之间有的存在HTML结构的差异.我这

自定义博客园样式

相必每个在博客园开通博客的人都抱怨博客园的皮肤丑得要死,尤其是我这种类处女座的孩子根本把持不住所以我遍鼓敲着美化(老板,我有1WQB,给我美美脸~~) 其实发现博客园里面有个自定义CSS样式,你可以加样式思路就是你选定一个预选皮肤,博客园会给你固定的html结构然后你根据结构来自己添加css,尤其在现在CSS3的年代,你可以把你的博客变得妈都不认得fighting! 1,预选皮肤选择LessIsMore(大多数人用这个皮肤来做自定义)2,然后在页面定制里加入如下代码(only示例,最美的还是你自

如何快速的自定义博客园背景图片

博客园的主题背景风格基本是简洁朴素风格,毕竟淳朴码农的撸码知识共享圣地不需要花里胡哨,但是作为新一代的撸码青年,我还是忍不住把博客园简单的美化了一下 打开https://sm.ms/ 上传一张你喜欢的图片,这个网站很好使,可以上传图片然后可以马上生成一条图片链接,就不需要我们自己维护图片了 然后在博客园设置中自行修改样式OK啦 background:url(https://i.loli.net/2018/07/24/5b56a0f45b6b6.jpg) no-repeat fixed; back

博客园排版修改

博客园默认的一些模板确实有点丑,在逛博客园的时候,发现了一个很漂亮的博客页面,特意跟着一步一步操作,自己的博客马上焕然一些,写文章也有动力了. 博客模板修改,请转:https://www.cnblogs.com/hafiz/p/9276689.html 原文地址:https://www.cnblogs.com/myitnews/p/11421157.html

自定义博客园JS插件

在博客园侧边栏添加JS内容,需要先点击申请JS的链接. 1.动态钟表插件JS代码 <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="160" height=&quo