close

 



 


 










 


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


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



更改地方


 


文章底圖語法


/*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→切記!語法的每一個開頭↓


/*    我  是  豆  芽  菜    */


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


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


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


網址圖示



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


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


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


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


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


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






隨文先附上幾個素色圖檔,供你參考、練習。

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


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


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




   


   


   




PS →因發表文章,所以附圖都是選擇小背景PO,


會有重疊現象唷!


以上就是網址說明更改文章欄位背景文章欄位透明度


《包刮留言板底圖、透明度》示範分享。


 琳的 logo 連結 

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 Mapin-cloth 的頭像
    Mapin-cloth

    ω。艾媽の手作 Mapin-cloth 小舖。ω

    Mapin-cloth 發表在 痞客邦 留言(0) 人氣()