晾晾♥



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



上一次的是 边框型的滚动条,上一次的是 简单型
而这一次的不同咯 xD 这次的是 图片型的滚动条 是由小图片为背景. 这个教程是从 Choco 那里看到 转贴的 ;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: 13px;
width: 15px;
background: #FFFFFF;}
::-webkit-scrollbar-thumb{
background:url(小图片网址) repeat;}

注释:
- 滚动条背景颜色
- 滚动条小图片网址







图片来源、
NEW ⇠
PAST ⇢