想要讓捲軸跟我的一樣有顏色,請在[CSS 樣式]的最前端加上:
HTML {
scrollbar-face-color:#色碼;
scrollbar-arrow-color:#色碼;
scrollbar-track-color:#色碼;
scrollbar-shadow-color:#色碼;
scrollbar-highlight-color:#色碼;
scrollbar-3dlight-color:#色碼;
scrollbar-darkshadow-color:#色碼;
}
這樣就可以成功變色喔!如果不知道色碼的可以到FRONTPAGE去調色看看或者到GOOGLE打個「色碼」之類的就會有一大堆跑出來喔
HTML {
scrollbar-face-color:#C4AFBA;
scrollbar-arrow-color:#ffffff;
scrollbar-track-color:#C4AFBA;
scrollbar-shadow-color:#C4AFBA;
scrollbar-highlight-color:#C4AFBA;
scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-color:#800080;
}
在blog內的捲軸(例如在回應區的)則是
BODY{
scrollbar-face-color:#色碼;
scrollbar-arrow-color:#色碼;
scrollbar-track-color:#色碼;
scrollbar-shadow-color:#色碼;
scrollbar-highlight-color:#色碼;
scrollbar-3dlight-color:#色碼;
scrollbar-darkshadow-color:#色碼;
}
文章分類加捲軸
.boxCategory0{
margin-bottom: 20px;
width:285px;
height:220px;
OVERFLOW: auto;
FONT-FAMILY: verdana,arial;
word-break:break-all;
SCROLLBAR-FACE-COLOR: #d5e3b3;
SCROLLBAR-HIGHLIGHT-COLOR:#e5f2cf;
SCROLLBAR-SHADOW-COLOR: #e5f2cf;
SCROLLBAR-3DLIGHT-COLOR: #e5f2cf;
SCROLLBAR-ARROW-COLOR: #fff;
SCROLLBAR-TRACK-COLOR: none;
}
最新回應加捲軸
.boxNewComment1 {
width:220px;/*寬度請自行設定*/
height: 220px; /*高度請自行設定*/
overflow: auto; /*自動產生捲軸*/
SCROLLBAR-ARROW-COLOR:色碼; /*色碼請自行設定*/
SCROLLBAR-TRACK-COLOR:色碼;
SCROLLBAR-DARKSHADOW-COLOR:色碼;
SCROLLBAR-FACE-COLOR:色碼;
SCROLLBAR-HIGHLIGHT-COLOR:色碼;
SCROLLBAR-SHADOW-COLOR:色碼;
SCROLLBAR-3DLIGHT-COLOR: 色碼;
}
我的訂閱加捲軸
.boxRssList1{
width:220px;/*寬度請自行設定*/
height: 220px; /*高度請自行設定*/
overflow: auto; /*自動產生捲軸*/
SCROLLBAR-ARROW-COLOR:色碼; /*色碼請自行設定*/
SCROLLBAR-TRACK-COLOR:色碼;
SCROLLBAR-DARKSHADOW-COLOR:色碼;
SCROLLBAR-FACE-COLOR:色碼;
SCROLLBAR-HIGHLIGHT-COLOR:色碼;
SCROLLBAR-SHADOW-COLOR:色碼;
SCROLLBAR-3DLIGHT-COLOR: 色碼;
}
最新引用加捲軸
.boxNewTrackback{
width:220px;/*寬度請自行設定*/
height: 220px; /*高度請自行設定*/
overflow: auto; /*自動產生捲軸*/
SCROLLBAR-ARROW-COLOR: 色碼;
SCROLLBAR-TRACK-COLOR:色碼;
SCROLLBAR-DARKSHADOW-COLOR: 色碼;
SCROLLBAR-FACE-COLOR:色碼;
SCROLLBAR-HIGHLIGHT-COLOR:色碼;
SCROLLBAR-SHADOW-COLOR:色碼;
SCROLLBAR-3DLIGHT-COLOR: 色碼;
}
其餘任何sidebar的連結區塊加捲軸
.boxFolder1 {
width:220px;/*寬度請自行設定*/
height: 220px; /*高度請自行設定*/
overflow: auto; /*自動產生捲軸*/
SCROLLBAR-ARROW-COLOR: 色碼;
SCROLLBAR-TRACK-COLOR:色碼;
SCROLLBAR-DARKSHADOW-COLOR: 色碼;
SCROLLBAR-FACE-COLOR:色碼;
SCROLLBAR-HIGHLIGHT-COLOR:色碼;
SCROLLBAR-SHADOW-COLOR:色碼;
SCROLLBAR-3DLIGHT-COLOR: 色碼;
}
- Nov 01 Wed 2006 17:05
[Lesson 1] Blog 換新裝之捲軸變色(新增所有CSS捲軸語法)
close
全站熱搜
留言列表
禁止留言