好不容易設計好的網頁,總是讓window預設的scrollbar顏色破壞整體的美感嗎?其實你可以自己掌控scrollbar的配色。如果你懶得記css語法,在此moody推薦一個簡單好用的extension-Scrollbar

Scrollbar
moody試過許多控制scrollbar顏色的方法,就屬這一個在視覺上最明瞭,因為在介面的左方貼心地放上scrollbar各種位置的對應名稱,以前常用的scrollbar extension經常要靠試誤法才知道哪個名稱是什麼地方,如今有這一張小圖大大減少這個困擾。

安裝好這個extension後,會在工具列上的命令-->Dreamletts-->Scrollbar..。你可以透過檢色器輕鬆地選擇你想要搭配的顏色。其實就是自動幫你填上以下這段code:

<!--[if IE]>
<style type="text/css">
html {
scrollbar-arrow-color:;
scrollbar-track-color:#5E1D0F;
scrollbar-face-color:#993300;
scrollbar-highlight-color:#cc3300;
scrollbar-3dlight-color:#cc9966;
scrollbar-darkshadow-color:#550000;
scrollbar-shadow-color:;
}

</style>
<![endif]-->

(注意事項)
  • 所有的scroll相關的extension只有第一次使用時才有效,也就是以後想要修改顏色的話,你必須親自看code修改顏色碼才行。縱使你再執行一次Scrollbar命令也無法復蓋或更改。
  • 如果你是第一次使用,卻發現scrollbar的code沒有寫入你的網頁,有可能是你之前的css裡已經有指定了scroll相關的code,只要發現有指定過Scrollbar這個extension也不會有作用。
  • 如果你想要複製程式碼到其他網頁使用,請注意CSS一定要放在表頭的標籤裡<head>......</haed>
Extension下載: Scroll
創作者介紹

木笛雅設

fennser 發表在 痞客邦 PIXNET 留言(0) 人氣()