服務中心

如何完全自訂-更改模版CSS?

進入個人管理中心的「模版及欄位元件 > 模版套用-完全自訂」


接下來,選擇一組自己比較喜愛的主題CSS帶入,將會出現「提醒您,確定會覆蓋目前的CSS,確定要帶入嗎?」,請點按「確定」。

接下來開始自行編輯內容語法,這部分適合比較懂得基礎CSS語法設定的網友操作使用,udn部落格盡量為您簡單說明。

在CSS語法中,看見下列幾種類型,可以自行試著調整數值:

.文字大小:font-size: 36px

.顏色:color: #000000

.留白距離:padding: 150px(X軸) 30px (Y軸)

.背景圖:background:url(http://blog.udn.com/community/img/PSN_FILE/webadmin_bg.jpg)


舉例說明:假設您不滿意部落格名稱的位置剛好在山頭圖底色很接近。

想變動部落格名稱的位置或是更換部落格名稱連結的顏色。

1. 選擇目前主題的CSS帶入 

2. 搜尋帶入語法裡的"部落格名稱"區或是直接搜尋header_name。

/* ----------【山頭】部落格名稱-------------- */

#header_name {

font-size: 36px;
font-weight: bold;
color: #000;
font-family: "微軟正黑體", "Microsoft JhengHei", "微软雅黑体", "Microsoft YaHei", "新細明體", PMingLiU, "新宋体", NSimSun, "Apple LiGothic Medium", arial, Geneva, sans-serif;
letter-spacing: 1px;
padding: 150px 30px;
}

#header_name a{

color: #000000;  /* 連結時的顏色 */

}

#header_name a:hover {

color: #000000;  /* 滑鼠移到連結時的顏色 */

}

3.調整位置及連結的顏色後,可以先「預覽」,確認ok的話,點按「儲存設定」即可。

※建議您在操作過程,一邊把所有CSS語法複製儲存至純文字文件作備份,以備您不喜歡或錯誤變更設定時,可以再回復到前一版本的設定語法。

延伸閱讀:
我是文字型創作者,文章內容想改窄版?
部落格新家裝潢,自訂山頭圖