1.管理部落格→
2.面板設定→
3.自定樣式→
4.檢查自己自定樣式裡要更改那個背景語法→
5. 自定樣式內若沒有這語法就直接選擇貼上最底下
6. 自定樣式內如果找到這語法請選擇你要更改的部份,把語法圖片網址貼上即可更換圖片
|
/ *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;}
|
|
|
/*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;}
|
|
|
/*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;}
|
|
|
|
/*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;}
|
|
|
/*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;}
|
|
|
這樣的寫法不知道大家看的懂嗎??
如果會了或要引用請給個回應哦~~
留言列表
PhotoCap (5)
