[ 噗版大變身 ] 整體佈景、頁首頁尾的字型與顏色 @ 金羽銀華

當安裝噗版後，發現想調整字型與顏色怎麼辦？以下一一解析噗浪各部份的字型與顏色語法，讓大家能一次調整到位～

[原噗版]

RainBow

安裝網址： http://www.plurk.com/installDesign/5143441-29b3258d22

有噗友表示希望將選項顏色改成粉紅色系的，並且換其他字體，所以我將標題、頁首及頁尾等地方改為粉紅色，並調整了字型設定的語法。

[改頁首頁尾顏色與字型]

RainBow(改成新細明體與粉紅色系)

安裝網址： http://www.plurk.com/installDesign/5143441-33a8a9c9bd

更改的語法與步驟如下：

1. 安裝 RainBow 噗版

2. 改主要字型設定，將原本的"微軟正黑體"改為"新細明體"

/*語言字型*/
body.language-large-font{font-size:11px !important; font-family:新細明體; }

這時頁面中主要的字體都已經變成新細明體了，如果有沒改變的，代表該區塊有其他設定，須一一找出來新增或替換語法。

（如果你套用的其他噗版沒有這段語法，也可自行複製貼上，就能改變成你要的字型）

3. 改頁首與頁尾字型與顏色

(1) 字型

將 "font-family: 新細明體 !important;" 放入各部份語法中，請注意要加上 "!important;" 讓瀏覽器判定優先呈現這個字型

(如果使用者的電腦沒有安裝這套字型，或是瀏覽器有設定偏好的其他字型，那麼還是不會顯現喔～)

(2) 顏色

因為要改成粉紅色，也就是頁首左上方"我的檔案、我的朋友"的顏色(color:#)，所以先複製左上方字的粉紅色色碼"ee9b93"，

然後一一貼上置換頁首及頁尾各部份的色碼。

/*頁首頁尾*/
#top_bar, #top_bar a {font-family: 新細明體 !important;font-weight: regular;text-transform:normal;color:#ee9b93;} /*頁首左上方*/
#top_bar a:hover {color:#e98b9d;}
#top_login, #top_login a {color:#ee9b93;font-size:11px;font-family: 新細明體 !important;} /*頁首右上方*/
#top_login a:hover {color:#bfe2ff;}
#footer, #footer a {color:#ee9b93;font-size:11px;} /*頁尾*/
#footer a:hover {color:#fff;background:#ee9b93;} /*滑鼠移過去的背景色也改粉紅色吧*/

/*標題*/
#page_title{color:#ee9b93; font-size:12px;}

/*編輯文字*/
#top_bar .content a#edit_link {color:#ee9b93;font-size:10px !important;}
#top_bar .content a:hover#edit_link {color:#64896a;background:none;}

/*通知數字*/
#alert_beacon {color:#ee9b93;font-size:11px;margin:0 2px;}