部落格軌道自定範本樣式表（Custom.CSS）完整解析《色彩篇》

有在使用部落格軌道的朋友們應該都知道，內定的佈景風格共有５種可選擇使用，但其實不能說只有５種啦，應該是無限多種，因為很多人沒有注意到其實可以自訂CSS樣式，可依照個人喜好的顏色來修改，丫湯花了一點時間，將原本的自訂範本（Custom.css）除了原先的部份文字備註外，再加上圖解來讓大家更了解每一部份的顏色從哪修改，不過可是長篇大論哦～眼睛不好的朋友啊，記得先點個眼藥水蛤！

在此篇教學中將全部的顏色樣式部份全部以圖片解說註記，之後丫湯會再寫一篇有關全部的字型樣式修改解說哦

一、自訂範本（Custom.css）在哪兒？

在widget設定中，widget顏色配置的右邊就會看到〝自訂範本〞，右鍵另存檔案即可，在修改完畢後，找個空間上傳，選擇自定CSS，輸入你放置檔案的網址，再儲存之後，重新整理頁面，就可以看到你修改的成果。

二、要如何修改樣式表？

丫湯在這篇中介紹Custom.css的樣式檔中，全部相關色彩的語法，可對照圖片上的顏色所示位置來選擇哪邊要修改成何種顏色，原則上都是線條及背景色

: 線條樣式

background-color:背景顏色

後面顏色的設定都會有#xxxxxx，由６個英數組成的16進制色碼（這不重要），比如FFFFFF是白色，000000是黑色，其餘顏色代碼對照，請利用以下連結查詢

http://www.gland.com.tw/www/power/colorpicker/

將你想修改的顏色查詢16進制代碼後，取代原有色碼即可

三、部落軌道樣式(CSS)自訂範本內容解說：

@charset “utf-8”;

body

{

font:normal 11px tahoma, arial, helvetica, sans-serif;

}

/* 捲軸樣式, 其中顏色的調配僅限IE有效 */

.body_css_3Blue,

.html_css {

以下為調整捲軸拉條的顏色，但僅在IE看的到效果

SCROLLBAR-FACE-COLOR: #dee3e7;

如圖，請看黑色處

SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;

如圖，請看黑色處

SCROLLBAR-SHADOW-COLOR: #dee3e7;

如圖，請看黑色處

SCROLLBAR-3DLIGHT-COLOR: #d1d7dc;

如圖，請看黑色處

SCROLLBAR-ARROW-COLOR: #006699;

如圖，請看黑色處

SCROLLBAR-TRACK-COLOR: #efefef;

如圖，請看黑色處

SCROLLBAR-DARKSHADOW-COLOR: #98aab1;

如圖，請看黑色處

overflow-x: hidden; overflow-y: auto;

}
/* 系統提示的文字樣式 */

.prompt

{

color: #E05921;

border: 1px solid #F5CAA0;

background-color: #FEFAD8;

系統文字背景色及框線

font:normal 11px tahoma, arial, helvetica, sans-serif;

overflow:hidden;

line-height:150%;

}

本教學共分為３篇，請點選以下連結繼續觀看：

１、部落軌道樣式範本解說《色彩篇》PART I （本頁面）

２、部落軌道樣式範本解說《色彩篇》PART II

３、部落軌道樣式範本解說《色彩篇》PART IIII