晾晾♥



Home stuffies Links Follow




No Right click. Ctrl + C to copy. Thanks ! XD

Remember to Give a Like ! Love you guys ♥

facebook · Dasboard

2013年9月17日星期二 | POST ♥
   边框型滚动条 / Scrollbar



上一次的是简单般的滚动条,这次的是边框版的 ;D

Blog Template 

1. 设计 - 修改HMTL 

2. Ctrl + F , 寻找 ]]></b:skin>

3. ]]></b:skin> 上面 添加代码:

4. 预览,保存


Blogskin

1. 模板

2. Ctrl + F , 寻找 <style type="text/css">

3. <style type="text/css"> 下面 添加代码:

4. 预览,保存

代码:
::-webkit-scrollbar {
height: 15px;
width: 15px;
background: #ffffff;}
::-webkit-scrollbar-thumb {
border: 2px solid #FFD2CB;
-moz-border-radius: 1em 4em 1em 4em;border-radius: 1em 4em 1em 4em;}

注释:
- 滚动条的 高/宽度 推荐不要太宽,不然不好看
- 滚动条背景颜色
- 边框的厚度
- 边框的种类(参考
- 边框的颜色
- 边框的形状(参考

NEW ⇠
PAST ⇢