close

今天的新成果,卜媽又在"最新文章" ,"部落格聯播"跟 "相片輪撥"這三格欄位抬頭放上了放羊小圖.


現在在來跟大家說明一下要如何在主欄位(指:"最新文章" ,"部落格聯播"跟 "相片輪撥")和分類欄位(所有在旁邊的小欄)加上背景.


 


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語法來多做說明*_^~


 


這邊還是要提醒一下大家,版面以整齊乾淨為佳,針對重點主題修改就好了,否則改太多版面太亂的話,反而適得其反.*_^~


希望大家都能成功!!^_^

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 Terry 的頭像
    Terry

    愛露營的人

    Terry 發表在 痞客邦 留言(0) 人氣()