scroll bar 其实有分两种,
一种是就是普通的只是更换颜色的,
而另外一种是能更换scroll bar背景的...
而什么是scroll bar呢?
看看example吧 =]
就是右边那个咯...
首先是普通更换颜色而已的...
首先去Design-->Edit HTML
按Ctrl+F找到
然后在它上面添加
首先去Design-->Edit HTML
按Ctrl+F找到
]]></b:skin>
然后在它上面添加
::-webkit-scrollbar {
height: 12px;
width: 15px;
background: #000000;
}
::-webkit-scrollbar-thumb {
background: #FFFFFF;
-moz-border-radius: 10px;
border-radius: 10px;
}
就完成啦 =]
再来就是能放背景的scroll bar了...
很简单而已也是同样的方法只是代号有点不同,
在同样的地方放下这个代号
::-webkit-scrollbar {
height:12px;
width: 12px;
background-image:url(图画 URL);
}
::-webkit-scrollbar-thumb {
background-color: #B2C0C6;
-moz-border-radius: 10px;
border-radius: 10px;
}
红色的是放进你图片的url
青色的 highlight 是能自行更换的颜色代号
可是这代号好像只是能用在google chrome罢了...
height: 12px;
width: 15px;
background: #000000;
}
::-webkit-scrollbar-thumb {
background: #FFFFFF;
-moz-border-radius: 10px;
border-radius: 10px;
}
就完成啦 =]
再来就是能放背景的scroll bar了...
很简单而已也是同样的方法只是代号有点不同,
在同样的地方放下这个代号
::-webkit-scrollbar {
height:12px;
width: 12px;
background-image:url(图画 URL);
}
::-webkit-scrollbar-thumb {
background-color: #B2C0C6;
-moz-border-radius: 10px;
border-radius: 10px;
}
红色的是放进你图片的url
青色的 highlight 是能自行更换的颜色代号
可是这代号好像只是能用在google chrome罢了...
不要忘记按下广告哦=]
你的支持是我写下去的动力哦^^
谢谢=]
ReplyDelete@Tryne 雨爱
ReplyDelete不客气 =]
效果好像沒有出現咧..怎麼辦?>.<"
ReplyDelete@kelly樂你是用什么浏览器? firefox? 还是google chrome ?
ReplyDelete效果为什么没有出现?
ReplyDelete@Kristy JU 位子有放对吗?
ReplyDelete为什么我弄了可是那个字却是在我的banner上面出现?
ReplyDelete@←★viVi☆→ 会出现这种状况是你把代码放在不对的地方,照成模板无法正确读代码
ReplyDelete谢谢教程
ReplyDelete