設定文章欄位置頂背景、左右標題底圖

 設定文章欄位置頂背景、左右標題底圖

 文章欄位置頂背景更改地方

  更改文章欄位置頂背景語法   

/*Main content header*/
.yc3pribd .mhd{background:url(網址) repeat;color:#4E4E4E;}

↓

{font-size:120%;background:url(網址) repeat;

PS→ { 這裡加上font-size:120%;background:url

可以讓《最新文章》這四個字，字體變大 

#4E4E4E這個地方就是字體顏色，自行更改。

↓

↓

  還沒圖檔直接複製使用《文章欄位置頂背景》

第二個圖檔 → 彩虹小閃圖

↓

/*Main content header*/
.yc3pribd .mhd{background:url( http://i1.tinypic.com/ngf237.gif ) repeat;color:#4E4E4E;}

 左右標題底圖更改地方

 更改左右標題底圖語法 

/*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:#FFFFFF; color:#FF0000;background-image:url(網址);}

↓

{font-size:120%;background:

PS→ { 這裡加上font-size:120%;background:

可以讓標題字體變大 

background:#FFFFFF→ 這段是當你沒放底圖時，所呈現的顏色

color:#FF0000→ 這段是更改字體顏色

↓

↓

 還沒圖檔直接複製使用《左右標題底圖語法》

第一個圖檔→紫色小閃圖

↓

/*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:#FFFFFF; color:#FF0000;background-image:url( http://i1.tinypic.com/ngezdk.gif );}

部落設定指引範圖

首先，按管理部落格

【一】面板設定

【二】選擇自訂樣式

【三】將複製的語法貼在CSS欄位裡

PS→切記！語法的每一個開頭

↓

  /*  Subs list */ 

不能重複，重複貼上只會顯現一個語法效果。

貼上語法，再來修改語法裡的 (   網址  ) ，

選擇自己喜歡的樣式，至於圖檔網址在哪?

網址圖示

這就是每張圖檔的網址，寬高尺寸，

選擇圖檔不僅要選擇自己喜歡的，也要注意圖檔尺寸。

提供幾個，可臨時運用的圖檔，往後找到更棒的，

在自行更換，此圖檔都很適合放在這兩個語法裡。

目前提供閃亮系列，更換圖檔的同時，

也要記得更改字體顏色唷。

         

         

        

            

琳的 logo 連結