今天的新成果,卜媽又在"最新文章" ,"部落格聯播"跟 "相片輪撥"這三格欄位抬頭放上了放羊小圖.
現在在來跟大家說明一下要如何在主欄位(指:"最新文章" ,"部落格聯播"跟 "相片輪撥")和分類欄位(所有在旁邊的小欄)加上背景.
1.首先,到"管理部落格頁面",點選"版面設定",在點選"自訂樣式",就會看到一張CSS的程式列表,
2.將語法貼在列表的最後面,按儲存即可.
更改主欄位標題背景語法:("最新文章" ,"部落格聯播"跟 "相片輪撥")
背景不重複:
/*Main content header*/
.yc3pribd .mhd{ background-image: url(欲顯示的圖片位址); background-repeat:no-repeat}}
成品:
背景重複:
/*Main content header*/
.yc3pribd .mhd{ background-image: url(欲顯示的圖片位址); background-repeat:repeat}}
成品:
更改附設欄位標題背景語法:("文章分類" ,"最新回應"跟 "留言板"等.)
背景不重複:
/*Nav module header*/
.yc3sec .mhd, .yc3subbd .mhd, .yc3sec .mhd a, .yc3subbd .mhd a,.yc3sec .mhd a:link, .yc3subbd .mhd a:link,.yc3sec .mhd a:visited, .yc3subbd .mhd a:visited{ background-image: url(欲顯示的圖片位址 ); background-repeat:no-repeat}
背景重複:
/*Nav module header*/
.yc3sec .mhd, .yc3subbd .mhd, .yc3sec .mhd a, .yc3subbd .mhd a,.yc3sec .mhd a:link, .yc3subbd .mhd a:link,.yc3sec .mhd a:visited, .yc3subbd .mhd a:visited{ background-image: url(欲顯示的圖片位址 ); background-repeat:repeat}
成品:
至於部落格名稱大標題這個欄位,大家可以進"管理部落格的頁面",選"版面設定",再點"進階設定"的"標題背景"直接套用就可以了.所以這部分,卜媽就不再用CSS語法來多做說明*_^~
這邊還是要提醒一下大家,版面以整齊乾淨為佳,針對重點主題修改就好了,否則改太多版面太亂的話,反而適得其反.*_^~
希望大家都能成功!!^_^
