2008-04-15 11:06:33 落葉之楓

【部落格素材教學法】捲軸設定~ 範例語法

 

捲軸設定~ 範例語法

HTML {scrollbar-face-color: #306EFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #3BB9FF;
scrollbar-darkshadow-color: #2B60DE;
scrollbar-shadow-color: #1589FF;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #3BB9FF;}

HTML{scrollbar-face-color: #E6A9EC;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #D2B9D3;
scrollbar-darkshadow-color: #C38EC7;
scrollbar-shadow-color: #D462FF;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #F9B7FF;}

HTML{scrollbar-face-color: #FBB917;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FDD017;
scrollbar-darkshadow-color: #F87217;
scrollbar-shadow-color: #F88017;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #FDD017;}

 

HTML{scrollbar-face-color: #FAAFBE;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FBBBB9;
scrollbar-darkshadow-color: #F660AB;
scrollbar-shadow-color: #F9A7B0;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #FAAFBA;}

HTML{scrollbar-face-color: #00FF00;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #87F717;
scrollbar-darkshadow-color: #59E817;
scrollbar-shadow-color: #5FFB17;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #C3FDB8;}

HTML{scrollbar-face-color:#ff9999;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#ff6666;
scrollbar-darkshadow-color:#ff6666;
scrollbar-shadow-color:#FFFFFF;
scrollbar-arrow-color:#ffffff;
scrollbar-track-color:#ffcccc;}

HTML{scrollbar-face-color:#999966;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#999900;
scrollbar-darkshadow-color:#999900;
scrollbar-shadow-color:#FFFFFF;
scrollbar-arrow-color:#ffffff;
scrollbar-track-color:#cccc99;}

HTML{scrollbar-face-color:#9999ff;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#6633cc;
scrollbar-darkshadow-color:#6633cc;
scrollbar-shadow-color:#FFFFFF;
scrollbar-arrow-color:#ffffff;
scrollbar-track-color:#ccccff;}

HTML{scrollbar-face-color: #DAE8F7;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-3dlight-color: #5F9FE0;
scrollbar-arrow-color: #5F9FE0;
scrollbar-track-color: #ffffff;
scrollbar-darkshadow-color: #5F9FE0;}

HTML{scrollbar-face-color:#ffccff;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#ff66ff;
scrollbar-darkshadow-color:#ff66ff;
scrollbar-shadow-color:#ff66ff;
scrollbar-arrow-color:#ff66ff;
scrollbar-track-color:#ffccff;}

HTML{scrollbar-face-color:#FABD05;
scrollbar-highlight-color:#F5E069;
scrollbar-3dlight-color:#FAF4D8;
scrollbar-darkshadow-color:#F9D073;
scrollbar-shadow-color:#E39A37;
scrollbar-arrow-color:#FFFFFF;
scrollbar-track-color:#ffffff;}

HTML{scrollbar-face-color: black;
scrollbar-shadow-color: ff0000;  
scrollbar-highlight-color: black;
scrollbar-3dlight-color: ff0000;
scrollbar-darkshadow-color: black;
scrollbar-track-color: black;
scrollbar-arrow-color: ff0000;}

HTML{scrollbar-face-color: black;
scrollbar-shadow-color: 999966;  
scrollbar-highlight-color: black;
scrollbar-3dlight-color: 999966;
scrollbar-darkshadow-color: black;
scrollbar-track-color: black;
scrollbar-arrow-color: 999966;}

HTML{scrollbar-face-color:#FFB9DC;
scrollbar-highlight-color:#FF82C0;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-shadow-color:#800080;
scrollbar-arrow-color:#FF0080;
scrollbar-track-color:#FFD5EA;}

HTML{scrollbar-face-color:#ececff;
scrollbar-highlight-color:#8080FF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-shadow-color:#0000A0;
scrollbar-arrow-color:#0000FF;
scrollbar-track-color:#f2f2ff;}

HTML{scrollbar-face-color: ffffff;
scrollbar-shadow-color: 00cc00;  
scrollbar-highlight-color: ffffff;
scrollbar-3dlight-color: 00cc00;
scrollbar-darkshadow-color: 00e600;
scrollbar-track-color: d7ffd7;
scrollbar-arrow-color: 00cc00;}

HTML{scrollbar-face-color: #6586B1;
scrollbar-shadow-color: #E8EFF2;  
scrollbar-highlight-color: #E8EFF2;
scrollbar-3dlight-color: #6586B1;
scrollbar-darkshadow-color: #6586B1;
scrollbar-track-color: #6586B1;
scrollbar-arrow-color: #E8EFF2;}

HTML{scrollbar-face-color:#CDC9AC;
scrollbar-highlight-color:#D0CAB1;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#655A38;
scrollbar-shadow-color:#757544;
scrollbar-arrow-color:#FFFFFF;
scrollbar-track-color:#CEC395;}

HTML{scrollbar-arrow-color: #74A47F;
scrollbar-shadow-color: #74A47F;
scrollbar-highlight-color: #74A47F;
scrollbar-darkshadow-color: #74A47F;
scrollbar-track-color: #FFFFFF;
scrollbar-face-color: #E1F3E5;}

HTML{scrollbar-face-color: #004080;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: Black;
scrollbar-darkshadow-color: Black;
scrollbar-shadow-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #003162;}

HTML{scrollbar-face-color:#800000;
scrollbar-highlight-color:#FF0000;
scrollbar-3dlight-color:#800000;
scrollbar-darkshadow-color:#800000;
scrollbar-shadow-color:#FF0000;
scrollbar-arrow-color:#ECC977;
scrollbar-track-color:#800000;}

以上就是捲軸顏色的示範與語法

使用在自訂樣式裡,更改部落格捲軸顏色

如何使用,複製語法↓

點按→管理部落格→面板設定→自訂樣式→將捲軸語法放在最下面

本身有設定其它捲軸語法必須先刪除或覆蓋,點按確定及完成捲軸設定

紫蘿琳 隨藝坊 http://tw.myblog.yahoo.com/jw!YFl.6UmaHk9bFp1B_BIetSfj/profile