如何更换 scroll bar (颜色与背景)

scroll bar 其实有分两种,
一种是就是普通的只是更换颜色的,
而另外一种是能更换scroll bar背景的...

而什么是scroll bar呢?
看看example吧 =]
就是右边那个咯...
首先是普通更换颜色而已的...
首先去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罢了...

不要忘记按下广告哦=]
你的支持是我写下去的动力哦^^





9 comments: