更改文章欄位背景圖.透明度.圖檔網址說明－DIY玩化學

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

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

↓

文章底圖語法

/*Background color for main content body*/
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table,
#yusrinfo table, #yusrintro p {background: url(圖片網址);}

透明度語法

/*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 → 等於全透明

更改地方 ↓

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

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

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

首先，按管理部落格↓

【一】面板設定

【二】選擇自訂樣式

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

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

/* 我是豆芽菜 */

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

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

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

網址圖示

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

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

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

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

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

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

背景語法

/* main content body*/
.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table, #ybloginfo table,
#yusrinfo table, #yusrintro p {background: url(http://sheng.phy.nknu.edu.tw/back060094.gif);}

透明度語法

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

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

0 → 等於全透明

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

不懂或暫時還沒圖檔，就先把這語法複製，

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