close
現在要跟大家介紹的是 css 捲軸變色的語法

簡單容易懂~~~^^  想跟我一樣 有變色捲軸 就快點進來看看吧~~^^





想要讓捲軸跟我的一樣有顏色，請在[CSS 樣式]的最前端加上：
HTML {
scrollbar-face-color:#色碼;
scrollbar-arrow-color:#色碼;
scrollbar-track-color:#色碼;
scrollbar-shadow-color:#色碼;
scrollbar-highlight-color:#色碼;
scrollbar-3dlight-color:#色碼;
scrollbar-darkshadow-color:#色碼; }

我的範例:
HTML {scrollbar-face-color:#000000;黑色
scrollbar-arrow-color:#9999ff;紫色
scrollbar-track-color:#000000;黑色
scrollbar-shadow-color:#000000黑色;
scrollbar-highlight-color:#000000;黑色
scrollbar-3dlight-color:#9999ff;
紫色
scrollbar-darkshadow-color:#9999ff; }紫色

後面連接的..就是網誌的背景樣式css表^^

如果不知道色碼的可以到FRONTPAGE去調色看看或者到GOOGLE打個

在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: 色碼; }

我相信聰明的你們一定知道怎麼用~~^^

如果你們找不到相同的css 語法標示
請把這些複製起來直接貼到css的最底下~~就可以了^^
除了最前面 HTML 一定要貼在 css的樣式前面
才能夠變色喔~!!其他的都貼在最底下就可以嚕^^
ps.感謝"艾瑪" 的分享~~~以上語法教學是從"艾瑪"那邊分享來低
arrow
arrow
    全站熱搜

    秘密 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄