【自製】明明自製ㄉ紫色捲軸！！




2007/07/10 15:28


 


　　　　　　　　　　


 


　　　　　　　　


 


＊最近沒有什麼靈感～所以就繼續上次ㄉ粉紅捲軸之後～再做一個紫色ㄉ囉～這種款式ㄉ捲軸我會一直製作下去～做到所有顏色都做完ㄖ，才做其他款式ㄉ～︿︿＊希望大家每一個捲軸都會喜歡歐～＞ˇ＜＊


 



 


捲軸顯示圖：


 


 


　　　　　　　　　　　　


 


捲軸語法：


 


HTML{
SCROLLBAR-FACE-COLOR: #d890fc;
 SCROLLBAR-HIGHLIGHT-COLOR: #fcfcfc;
 SCROLLBAR-SHADOW-COLOR: #d890fc;
 SCROLLBAR-3DLIGHT-COLOR: #d890fc;
 SCROLLBAR-ARROW-COLOR: #fcfcfc;
 SCROLLBAR-TRACK-COLOR: #fcd8fc;
 SCROLLBAR-DARKSHADOW-COLOR: #d890fc;
 SCROLLBAR-BASE-COLOR: #d890fc
}


 



 


　　　　　　


 


 


 



[ 紅 色 捲 軸 語 法 ] *


html{
scrollbar-base-color : #FFFFFF;
scrollbar-face-color : #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color : #FF0000;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-highlight-color : #FFFFFF;
scrollbar-shadow-color : #FFFFFF;
scrollbar-darkshadow-color : #FFFFFF;
}



 


[ 黑 色 捲 軸 語 法 ] *


html{
scrollbar-base-color : #FFFFFF;
scrollbar-face-color : #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color : #000000;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-highlight-color : #FFFFFF;
scrollbar-shadow-color : #FFFFFF;
scrollbar-darkshadow-color : #FFFFFF;
}



 



[ 藍 色 捲 軸 語 法 ] *


html{
scrollbar-base-color : #FFFFFF;
scrollbar-face-color : #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color : #3CA4FF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-highlight-color : #FFFFFF;
scrollbar-shadow-color : #FFFFFF;
scrollbar-darkshadow-color : #FFFFFF;
}




/*捲軸*/
HTML{
SCROLLBAR-FACE-COLOR: #24b4fc;
 SCROLLBAR-HIGHLIGHT-COLOR: #fcfcfc;
 SCROLLBAR-SHADOW-COLOR: #fcfcfc;
 SCROLLBAR-3DLIGHT-COLOR: #24b4fc;
 SCROLLBAR-ARROW-COLOR: #fcfcfc;
 SCROLLBAR-DARKSHADOW-COLOR: #24b4fc;
 SCROLLBAR-BASE-COLOR: #24b4fc
}



HTML { 
SCROLLBAR-FACE-COLOR: #ffffff;
SCROLLBAR-HIGHLIGHT-COLOR: #6cd8fc;
SCROLLBAR-SHADOW-COLOR: #6cd8fc;
SCROLLBAR-3DLIGHT-COLOR: #ffffff;
SCROLLBAR-ARROW-COLOR: #6cd8fc;
SCROLLBAR-TRACK-COLOR: #ffffff;
SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
SCROLLBAR-BASE-COLOR: #ffffff
}


/*捲軸*/
html{
scrollbar-arrow-color: #70B3FF;
scrollbar-face-color: #0874EF;
scrollbar-track-color: #5AA7FF;
scrollbar-3dlight-color: #70B3FF;
scrollbar-highlight-color: #2657DF;
scrollbar-shadow-color: #70B3FF;
scrollbar-darkshadow-Color: #2A58D8;}　

 




[ 綠 色 捲 軸 語 法 ] *


html{
scrollbar-base-color : #FFFFFF;
scrollbar-face-color : #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color : #00C400;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-highlight-color : #FFFFFF;
scrollbar-shadow-color : #FFFFFF;
scrollbar-darkshadow-color : #FFFFFF;
}



[ 紫 色 捲 軸 語 法 ] *


html{
scrollbar-base-color : #FFFFFF;
scrollbar-face-color : #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color : #A43CFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-highlight-color : #FFFFFF;
scrollbar-shadow-color : #FFFFFF;
scrollbar-darkshadow-color : #FFFFFF;
}


 


  /*灰音自製捲軸*/


 html{
SCROLLBAR-FACE-COLOR: #DEC9FB ;
BACKGROUND-ATTACHMENT: fixed;
SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF ;
SCROLLBAR-SHADOW-COLOR: #FFFFFF ;
SCROLLBAR-3DLIGHT-COLOR: #FFFFFF ;
SCROLLBAR-ARROW-COLOR: #8746AA ;
SCROLLBAR-TRACK-COLOR: #FFFFFF ;
SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;
SCROLLBAR-BASE-COLOR: #DEC9FB
}




/*捲軸*/
HTML {
scrollbar-face-color: #E1E1F0 ;
scrollbar-track-color: #F0F0F0 ;
scrollbar-arrow-color: #B41EF0 ;
scrollbar-3dlight-color: #E 9F ED5 ;
scrollbar-highlight-color: #D2A5F0 ;
scrollbar-shadow-color: #C3E1F0 ;
scrollbar-darkshadow-Color: #D2E1F0 ;}




[ 粉 色 捲 軸 語 法 ] *


html{
scrollbar-base-color : #FFFFFF;
scrollbar-face-color : #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color : #FF3CBE;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-highlight-color : #FFFFFF;
scrollbar-shadow-color : #FFFFFF;
scrollbar-darkshadow-color : #FFFFFF;
}


/*SCROLL BAR*/
html{ SCROLLBAR-FACE-COLOR: #FCBED9;
SCROLLBAR-HIGHLIGHT-COLOR: #FEE7F1;
SCROLLBAR-SHADOW-COLOR: #FEE7F1;
SCROLLBAR-3DLIGHT-COLOR: #FBA9CD;
SCROLLBAR-ARROW-COLOR: #FBA9CD;
SCROLLBAR-TRACK-COLOR: #FFDAEA;
SCROLLBAR-DARKSHADOW-COLOR: #FC83B8;
SCROLLBAR-BASE-COLOR: #FC83B8
; }



[ 橘 色 捲 軸 語 法 ] *


html{
scrollbar-base-color : #FFFFFF;
scrollbar-face-color : #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color : #FFA600;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-highlight-color : #FFFFFF;
scrollbar-shadow-color : #FFFFFF;
scrollbar-darkshadow-color : #FFFFFF;


}


h /*捲軸*/
HTML{
scrollbar-arrow-color: #FFDBB2 ;
scrollbar-face-color: #FFCA8D ;
scrollbar-track-color: #FFDBB2 ;
scrollbar-3dlight-color: #FCE 5C B ;
scrollbar-highlight-color: #FFB45E ;
scrollbar-shadow-color: #FEDDB8 ;
scrollbar-darkshadow-Color: #FFB45E ;}
tml{
scrollbar-base-color : #FF9966;
scrollbar-face-color : #FF9966;
sc /*捲軸*/
HTML{
scrollbar-arrow-color: #FFDBB2 ;
scrollbar-face-color: #FFCA8D ;
scrollbar-track-color: #FFDBB2 ;
scrollbar-3dlight-color: #FCE 5C B ;
scrollbar-highlight-color: #FFB45E ;
scrollbar-shadow-color: #FEDDB8 ;
scrollbar-darkshadow-Color: #FFB45E ;}
 /*捲軸*/
HTML{
scrollbar-arrow-color: #FFDBB2 ;
scrollbar-face-color: #FFCA8D ;
scrollbar-track-color: #FFDBB2 ;
scrollbar-3dlight-color: #FCE 5C B ;
scrollbar-highlight-color: #FFB45E ;
scrollbar-shadow-color: #FEDDB8 ;
scrollbar-darkshadow-Color: #FFB45E ;}
rollbar-track-color: #FFFFCC;
scrollbar-arrow-color : #B94B3A;
scrollbar-3dlight-color: #FFFFCC;
scrollbar-highlight-color : #FFFFCC;
scrollbar-shadow-color : #FF9966;
scrollbar-darkshadow-color : #FF9966;
}
 


[ 棕 色 捲 軸 語 法 ] *


html{
scrollbar-base-color : #FFFFFF;
scrollbar-face-color : #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color : #B94B3A;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-highlight-color : #FFFFFF;
scrollbar-shadow-color : #FFFFFF;
scrollbar-darkshadow-color : #FFFFFF;
}







  法


【Yahoo!奇摩部落格捲軸顏色變更設定→紅框】



/*捲軸顏色變更設定→紅框*/
html{
scrollbar-base-color : #ff0000;整體顏色;
scrollbar-face-color : #000000;軸面顏色;
scrollbar-track-color: #000000;軸軌顏色;
scrollbar-arrow-color : #ff0000;箭頭顏色;
scrollbar-3dlight-color: #ff0000;左立體邊顏色;
scrollbar-highlight-color : #ff0000;軸面左角邊顏色;
scrollbar-shadow-color : #ff0000;軸面右角邊顏色;
scrollbar-darkshadow-color : #ff0000;右立體邊顏色;
}


【Yahoo!奇摩部落格捲軸顏色變更設定→綠框】



/*捲軸顏色變更設定→綠框*/
html{
scrollbar-base-color : #00ff00;整體顏色;
scrollbar-face-color : #000000;軸面顏色;
scrollbar-track-color: #000000;軸軌顏色;
scrollbar-arrow-color : #00ff00;箭頭顏色;
scrollbar-3dlight-color: #00ff00;左立體邊顏色;
scrollbar-highlight-color : #00ff00;軸面左角邊顏色;
scrollbar-shadow-color : #00ff00;軸面右角邊顏色;
scrollbar-darkshadow-color : #00ff00;右立體邊顏色;
}


【Yahoo!奇摩部落格捲軸顏色變更設定→藍框】



/*捲軸顏色變更設定→藍框*/
html{
scrollbar-base-color : #0000ff;整體顏色;
scrollbar-face-color : #000000;軸面顏色;
scrollbar-track-color: #000000;軸軌顏色;
scrollbar-arrow-color : #0000ff;箭頭顏色;
scrollbar-3dlight-color: #0000ff;左立體邊顏色;
scrollbar-highlight-color : #0000ff;軸面左角邊顏色;
scrollbar-shadow-color : #0000ff;軸面右角邊顏色;
scrollbar-darkshadow-color : #0000ff;右立體邊顏色;
}


【Yahoo!奇摩部落格捲軸顏色變更設定→黃框】



/*捲軸顏色變更設定→黃框*/
html{
scrollbar-base-color : #ffff00;整體顏色;
scrollbar-face-color : #000000;軸面顏色;
scrollbar-track-color: #000000;軸軌顏色;
scrollbar-arrow-color : #ffff00;箭頭顏色;
scrollbar-3dlight-color: #ffff00;左立體邊顏色;
scrollbar-highlight-color : #ffff00;軸面左角邊顏色;
scrollbar-shadow-color : #ffff00;軸面右角邊顏色;
scrollbar-darkshadow-color : #ffff00;右立體邊顏色;
}


【Yahoo!奇摩部落格捲軸顏色變更設定→紫框】



/*捲軸顏色變更設定→紫框*/
html{
scrollbar-base-color : #ff00ff;整體顏色;
scrollbar-face-color : #000000;軸面顏色;
scrollbar-track-color: #000000;軸軌顏色;
scrollbar-arrow-color : #ff00ff;箭頭顏色;
scrollbar-3dlight-color: #ff00ff;左立體邊顏色;
scrollbar-highlight-color : #ff00ff;軸面左角邊顏色;
scrollbar-shadow-color : #ff00ff;軸面右角邊顏色;
scrollbar-darkshadow-color : #ff00ff;右立體邊顏色;
}


【Yahoo!奇摩部落格捲軸顏色變更設定→白框橘】



/*捲軸顏色變更設定→白框橘*/
html{
scrollbar-base-color : #ffffff;整體顏色;
scrollbar-face-color : #ff0000;軸面顏色;
scrollbar-track-color: #000000;軸軌顏色;
scrollbar-arrow-color : #ffffff;箭頭顏色;
scrollbar-3dlight-color: #ffffff;左立體邊顏色;
scrollbar-highlight-color : #ff0000;軸面左角邊顏色;
scrollbar-shadow-color : #ffffff;軸面右角邊顏色;
scrollbar-darkshadow-color : #000000;右立體邊顏色;
}


【Yahoo!奇摩部落格捲軸顏色變更設定→白框綠】



/*捲軸顏色變更設定→白框綠*/
html{
scrollbar-base-color : #ffffff;整體顏色;
scrollbar-face-color : #00ff00;軸面顏色;
scrollbar-track-color: #000000;軸軌顏色;
scrollbar-arrow-color : #ffffff;箭頭顏色;
scrollbar-3dlight-color: #ffffff;左立體邊顏色;
scrollbar-highlight-color : #00ff00;軸面左角邊顏色;
scrollbar-shadow-color : #ffffff;軸面右角邊顏色;
scrollbar-darkshadow-color : #000000;右立體邊顏色;
}


【Yahoo!奇摩部落格捲軸顏色變更設定→白框藍】



/*捲軸顏色變更設定→白框藍*/
html{
scrollbar-base-color : #ffffff;整體顏色;
scrollbar-face-color : #0000ff;軸面顏色;
scrollbar-track-color: #000000;軸軌顏色;
scrollbar-arrow-color : #ffffff;箭頭顏色;
scrollbar-3dlight-color: #ffffff;左立體邊顏色;
scrollbar-highlight-color : #0000ff;軸面左角邊顏色;
scrollbar-shadow-color : #ffffff;軸面右角邊顏色;
scrollbar-darkshadow-color : #000000;右立體邊顏色;
}


【Yahoo!奇摩部落格捲軸顏色變更設定→白框黃】



/*捲軸顏色變更設定→白框黃*/
html{
scrollbar-base-color : #ffffff;整體顏色;
scrollbar-face-color : #ffff00;軸面顏色;
scrollbar-track-color: #000000;軸軌顏色;
scrollbar-arrow-color : #000000;箭頭顏色;
scrollbar-3dlight-color: #ffffff;左立體邊顏色;
scrollbar-highlight-color : #ffff00;軸面左角邊顏色;
scrollbar-shadow-color : #ffffff;軸面右角邊顏色;
scrollbar-darkshadow-color : #000000;右立體邊顏色;
}


【Yahoo!奇摩部落格捲軸顏色變更設定→白框紫】



/*捲軸顏色變更設定→白框紫*/
html{
scrollbar-base-color : #ffffff;整體顏色;
scrollbar-face-color : #ff00ff;軸面顏色;
scrollbar-track-color: #000000;軸軌顏色;
scrollbar-arrow-color : #000000;箭頭顏色;
scrollbar-3dlight-color: #ffffff;左立體邊顏色;
scrollbar-highlight-color : #ff00ff;軸面左角邊顏色;
scrollbar-shadow-color : #ffffff;軸面右角邊顏色;
scrollbar-darkshadow-color : #000000;右立體邊顏色;
}


【Yahoo!奇摩部落格捲軸顏色變更設定→暗紅】



/*捲軸顏色變更設定→暗紅*/
html{
scrollbar-base-color : #8f0202;整體顏色;
scrollbar-face-color : #8f0202;軸面顏色;
scrollbar-track-color: #000000;軸軌顏色;
scrollbar-arrow-color : #ffffff;箭頭顏色;
scrollbar-3dlight-color: #cc0000;左立體邊顏色;
scrollbar-highlight-color : #8f0202;軸面左角邊顏色;
scrollbar-shadow-color : #333333;軸面右角邊顏色;
scrollbar-darkshadow-color : #333333;右立體邊顏色;
}


【Yahoo!奇摩部落格捲軸顏色變更設定→漪唲紅】



/*捲軸顏色變更設定→漪唲紅*/
html{
scrollbar-base-color : #000000;整體顏色;
scrollbar-face-color : #000000;軸面顏色;
scrollbar-track-color: #000000;軸軌顏色;
scrollbar-arrow-color : #ff0000;箭頭顏色;
scrollbar-3dlight-color: #000000;左立體邊顏色;
scrollbar-highlight-color : #000000;軸面左角邊顏色;
scrollbar-shadow-color : #000000;軸面右角邊顏色;
scrollbar-darkshadow-color : #000000;右立體邊顏色;
}

 


把 以 上 貼 到 C S S 裡 面 皆 可


 


步 驟 ：　





1　管理部落格


2　版面設定　


3　自訂樣式　


4　確定完成


arrow
arrow
    全站熱搜

    彤 發表在 痞客邦 留言(1) 人氣()

    E-mail轉寄