1.管理部落格


      2.面板設定


      3.自定樣式


      4.檢查自己自定樣式裡要更改那個背景語法


       5. 自定樣式內若沒有這語法就直接選擇貼上最底下


   6. 自定樣式內如果找到這語法請選擇你要更改的部份,把語法圖片網址貼上即可更換圖片















1. 更改上方橫框標題 "背景圖片" 選這裡





/ *Background image for blog title 橫框標題背景 */



#yblogtitle .mbd {background-image: url( 圖片網址 ); background-repeat: no-repeat}



                      2. 改變部落格 "背景圖片" 選這裡









/*Background 部落格背景語法*/



body{background:#FFFFFF url(圖片網址) repeat-x;}


 








/*Background image for whole page 部落格背景語法*/



body {background-image: url( 圖片網址 ); background-repeat: repeat}


3.改變招呼語"背景圖片"選這裡








/*Opacity for blast 招呼語背景語法*/



#yblast .bg {zoom:1; filter:alpha(opacity:0); background: url( 圖片網址 ) repeat}



 






























































 


4. 改變文章標題 "背景圖片" 選這裡



/*Main content header 文章標題背景*/



.yc3pribd .mhd{ background:url(圖片網址) repeat; color:#FBF2CA;}



 







5. 改變內文的文章 "背景圖片" 選這裡





/*Main content body 文章底圖 */



.yc3pribd .mbd, .yc3pribd .mft, #yreplymsg table, #ysbscrblist table,



#ybloginfo table, #yusrinfo table, #yusrintro p{background-image:url(圖片網址);



color:# 1A 4066} #ymodcal .mbd td strong {color:#3B9DC1;}



 







6. 更改最上方控制列 "背景圖片" 選這裡





/*Master header 上方控制列背景圖 */



#yhtw_masthead{background-image: url( 圖片網址 )



;color:#000080;filter:alpha(opacity=80); opacity:0.30; moz-opacity:0.5;}



#yhtw_masthead a,#yhtw_masthead a:link,#yhtw_masthead a:visited,



#yhtw_masthead a:hover{color:#000080;}



 



 







7. 改變左右側標題 "背景圖片" 選這裡





/*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:#FBF2CA;  color:#90620E; background-image:url( 圖片網址 );}



#ymodcal .mbd td strong {color:#DD1D27;}



 







8. 改變左右側內容 "背景圖片" 選這裡





/*Nav module body 左右側內容背景 */



.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft{ background: #FFFFFF



;background-image: url( 圖片網址 ) ; color:#ff0000}


9. 改變文章標題/回應標題/所有文章/更多回應" 選這裡


/*Nav module list*/
.ycntmod .mbd ul.list li {background:url(
1圖檔網址) left .1em no-repeat;padding-left:17px;margin-bottom:3px;_margin-bottom:3px;_line-height:1.5em;}
.ycntmod .mbd ul.list li.more {margin:-3px 0 0 -3px;text-align:right;background:url(
2圖檔網址) 48px center no-repeat;}


第一個圖檔網址是設定文章標題和回應標題前的圖案,


第二個圖檔網址是設定所有文章和更多回應前的圖案!


10. 左右欄位標題欄位的小圖. 選這裡


/*Nav module list*/
.ycntmod .mbd ul.list li {background:url(
1圖檔網址) left .1em no-repeat;padding-left:17px;margin-bottom:3px;_margin-bottom:3px;_line-height:1.5em;}
.ycntmod .mbd ul.list li.more {margin:-3px 0 0 -3px;text-align:right;background:url(
2圖檔網址) 48px center no-repeat;}


 


第一個圖檔網址是設定文章標題和回應標題前的圖案,


第二個圖檔網址是設定所有文章和更多回應前的圖案!



訂閱部落格


/*Subs list*/
div#btnsbsrb a{display:block;width:88px;height:31px;overflow:hidden;background:url(
) no-repeat;margin:0;}
div#btnsbsrb_nologin a{display:block;width:88px;height:31px;overflow:hidden;background:url
( ) no-repeat;margin:0;}
#yblogtitle .tft {text-align:right;padding-bottom:0px;position:relative;}


 


 







這樣的寫法不知道大家看的懂嗎??


如果會了或要引用請給個回應哦~~



 

arrow
arrow
    全站熱搜

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