幸福從來不是在遠方

今天第一次設計自己的板面，做法其實很也簡單，整個板型是先沿用樂多三欄式的Travel Note的板型，我只是抽換了兩個圖而成．一個是小圖示(ICON)，另一個是頁頭(BANNER)，再微調了一下文字就ｏｋ囉，相信你也可以做得到．

1. 找一個板型做基礎：
　先進去"Blog管理頁面"，
　選擇"網頁樣式設定"，
　然後選擇"設計1"，
　選擇第一個的"個人化設定"，
　讀取"3travel"，這個就是三欄式Travelnote的板型
　然後複製到Word文件中以便做修改

2. 抽換表頭(banner)
　在裡面找到#banner的地方有就會看到原來的板型定義的表頭的尺寸

　#banner {
　　　WIDTH: 770px;　　表頭寬度
　　　HEIGHT: 270px;　　表頭高度
　　　background-image: url(http://blog.roodo.com/momix/f32b1c6b.jpg);　　表頭圖檔
　　　background-repeat: no-repeat;
　　　background-position: 50% 0px;
　}

於是我也用photo shop軟體做了一個相同大小(770X270)的表頭，這個表頭的原始概念來自"海豚與燈塔"一文．於是先找到一個專門收集燈塔郵票的網頁，還有一個有印有船隻的郵戳，上面的法文寫的應該是"第五十屆集郵愛好者大會紀念章"，再找由圖檔中找出一段手寫的文字(看起來像是法文，太是太潦草，看不出內容寫什麼）

左邊是他們原圖

先去背，再改變單一色調之後，就方便做影像合成了．
左邊是合成後的表頭
上傳之後，把上述background-image:url的檔案換成上傳檔案位置

3. 抽換小圖示(icon)
　這個最簡單，比照原來的圖示大小做一個就可以
我選用的是我們的小熊熊的照片，先去背，再縮小到所需的尺寸
上傳之後，把除了banner以外，所有出現以下程式的地方都抽換成小熊熊的檔案位置

　　background-image: url(http://blog.roodo.com/momix/021ccb22.jpg)

4. 儲存設計
　把修改好的板型複製回去"個人化設定"的板型，
　然後儲存設計
　再更新Blog網頁

5. 最後修飾
　發現網誌的名字太小，顏色不合
　就再依用原來的word檔第二頁找出這段程式碼，參考網路色碼表，把color改成自己要的顏色

　　#banner A:link {
　　　　COLOR: #FFFFF0;
　　　　TEXT-DECORATION: none;
　　　　}
　　#banner A:visited {
　　　　TEXT-DECORATION: none;
　　　　color: #FFFFF0;
　　　　}

　再由第三頁找出字型的大小位置的定義，修改成符合設計的值

　　　blogtitle {
　　　　　FONT-WEIGHT: normal;　字體特性
　　　　　FONT-SIZE: 15px;　　　　網誌文字大小
　　　　　PADDING-TOP: 220px;　　文字起始位置
　　　　　TEXT-ALIGN: left:　　　　　文字排列方式（靠左排列）
　　　　　margin-bottom: 10px;　　　文字和底邊的距離
　　　　　margin-left: 20px;　　　　　文字和左邊的距離
　　　　　font-family: Geneva, Arial, Helvetica, sans-serif;　　字型
　　　}

　然後依步驟4儲存，不滿意就再重覆步驟5和4.

最後，整個網誌就成了自己所要設計的樣子囉．

很簡單吧，不好意思，我只會這麼多囉，更多的我也不會了．