更改文章欄位背景圖、透明度、圖檔網址說明

更改文章欄位背景圖、透明度、圖檔網址說明

(修改地方也包刮留言板底圖、透明度)

↓

 更改地方

 文章底圖語法

/*Main content body*/
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p{background-image:url(圖片網址) ;color:#1A4066} #ymodcal .mbd td strong {color:#3B9DC1;}

PS→ { 增加地方background: url(圖片網址);}，黃色標記的地方，

若是再加上font-size:120%;等於可以調整文字大小

範例→{font-size:120%;background: url(圖片網址);}

 120%可自行調整文字大小，%越高，文字越大

    還沒圖檔直接複製使用

/*Main content body*/
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table, #yusrinfo table, #yusrintro p{background-image:url(http://sheng.phy.nknu.edu.tw/back060094.gif) ;color:#1A4066} #ymodcal .mbd td strong {color:#3B9DC1;}

 透明度語法

/*Opacity for main content*/　
.yc3pribd .rctop,.yc3pribd .rctop div,.yc3pribd .rcl,.yc3pribd .rcr,.yc3pribd .rcbtm,.yc3pribd .rcbtm div {zoom:1; filter:alpha(opacity:0)}

說明→ opacity:100  → 等於不透明

0 →   等於全透明

    還沒調整直接複製使用

/*Opacity for main content*/　
.yc3pribd .rctop,.yc3pribd .rctop div,.yc3pribd .rcl,.yc3pribd .rcr,.yc3pribd .rcbtm,.yc3pribd .rcbtm div {zoom:1; filter:alpha(opacity:50)}

以上有我先設定好的圖檔網址、示範語法，

直接貼在CSS語法欄裡，反覆練習，觀看結果。

對於初學者，可能不太熟悉，部落設定。

建議初學者，另外開啟視窗，登入自己的部落格，

邊學習邊操作，比較容易得心應手。

首先，按管理部落格↓

【一】面板設定

【二】選擇自訂樣式

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

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

/*    我  是  豆  芽  菜    */

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

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

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

 網址圖示

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

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

但這點也沒關係的，不用緊張，太大的圖檔，

語法自然修其所能顯現範圍。

比較小的圖檔，會有重疊補齊填滿，

所以選擇圖檔，不想破壞原有的美觀，還是要選擇適合的。

基本上文章底圖不宜太花俏，應該選擇比較單色、素色，

以免文章內容夠亂、夠花，看的老眼昏花。

往後有找到喜歡的，在行更換。