【前言】       如晞在華梵大學大安教學推廣中心學分班開設的「部落格創作」課程，今天是最後一堂課了。9個禮拜來的相處，對如晞來說，是一個美好的經驗。同學們最後希望針對UDN自訂網誌模版教學，再做一次總複習。趁此機會，利用如晞的愛徒EG所發表的教學網誌，也和格友們一塊做線上分享，語法一開始看來像天書，花一點時間多瞧兩眼便能看懂，有問題可以提出來互相切磋喔。

以下內容引用自如晞的愛徒EG所發表的網誌：

【教學】UDN改版大作戰

 ─=☆EG☆=─  

. 

.Tips:

1.請善用【Ctrl+f】搜尋關鍵字!

2.如果發現按下確認後無任何變化請按【F5】重新整理

3.EG推薦到Maggy的網頁圖片收集簿找素材唷!
或到EG的推薦連結／《素材。網站》 尋找圖片素材唷!

流程一、選定模版

流程二、改背景

repeat為重覆

no-repeat為不重覆

這端看你找的素材適不適合重覆背景

ps.要換上背景時切記別在下面的【背景圖：】上傳背景圖!

因為更改語法後將不會變更，會維持原樣!

例如:不想讓背景重覆時，它還是會重覆!

請將你的背景圖存在相簿中，再複製圖片網址!

貼到background-image: url(圖片網址);/* 背景圖 */

2008/08/23
Photo by EG

流程三、改山頭

原版模的山頭→大改造

這裡的山頭圖~如果比山頭版寬小~EG見意將背景設為不重覆(no-repeat)

再則背景顏色也是看你需不需要加!

background-position: center;/* 背景位置 */

right為靠右 left為靠左 center為置中

  關鍵字:【山頭區塊】
2008/08/23
Photo by EG

流程四、改網名位置

【font-family:】為更改字型語法

小叮嚀一下:如果改變字型可能別台電腦會看不到，

只看到預設的字型(通常為細明體)。

因為其他台電腦未必有您換上的字型。

  關鍵字:【山頭】網誌名稱

2008/08/23
Photo by EG

流程五、改作者和推薦區位置

  關鍵字1:【山頭】網誌簡短網址與作家  

  關鍵字2:【山頭】加入好友、推薦本網誌等

流程六、改搜尋位置

  關鍵字:【山頭】搜尋區塊

流程七、改橫式主選單位置

  關鍵字: 網誌橫式主選單的定位

流程八、變身成功

 

可利用以下的選色器找出你想要的顏色~

再從COLOR CODE:中取出色碼!

感謝星際訪客提供如此棒的另類色碼表!哈

延伸閱讀UDN電小二的教學:

 網誌風格CSS架構圖解

 玩模板》如何更改更改山頭圖檔？

 玩模板》如何更改部落格名稱的顏色和樣式？

 教學＿＿『網誌改版面基本教學●１』