漂亮的小葳葳
圖片網址:http://f8.wretch.yimg.com/tl54889/3/o1103890637.jpg
寬:323
威廉小帥哥
圖片網址:http://f8.wretch.yimg.com/tl54889/3/o1103890636.jpg
寬:347
精力沖沛小獅子
圖片網址:http://f8.wretch.yimg.com/tl54889/3/o1103890640.jpg
寬:306
頭好壯壯的大尾
圖片網址:http://f8.wretch.yimg.com/tl54889/1/o1443583690.jpg
寬:338
姐弟情深的維維、宇婕
圖片網址:http://f8.wretch.yimg.com/tl54889/3/o1103890638.jpg
寬:335
這個是欣晴花了點時間幫媽咪們製作的置頂照片,
用語法放在部落格後,就像欣晴的部落格最上面的那張照片一樣,
方法如下:
進入管理部落格 面版設定 自定樣式
貼上以下的語法
↓
#yblogtitle .mbd, #yblogtitle .mft{background:url(圖片網址) no-repeat;background-position:top center;}
#yblogtitle .tft {margin:寬px 0px 0Px 0px;}
#yblogtitle .rctop{background:left top no-repeat;margin-right:0px;}
#yblogtitle .rctop div{background:right top no-repeat;height:0px;right:-0px;}
#yblogtitle .rcl{background:repeat-y;}
#yblogtitle .rcr{background:right repeat-y;}
#yblogtitle .rcbtm {background:left bottom no-repeat;margin-right:0px;}
#yblogtitle .rcbtm div {background:right bottom no-repeat;height:0px;right:-0px;}
以上為有框的語法
#yhtw_masthead {background:url(圖片網址) transparent no-repeat;height:寬Px;background-position:center top;}
以上為無框的語法
然後把紅色的字刪掉,貼上我給媽咪們的資料,
( 要注意喔!語法要貼在自定樣式的最上面喔! )
完成後就會像欣晴最上面的那張置頂照片了,
因為怕做的不好,所以就先試做幾張看看,
各位媽咪 ~ 不好意速哈!每促都拿妳們當實驗品,
希望我的一點點小巧思妳們會 " 甲意 " 。
如果部落格 " 裝潢 " 起來不錯的話我再做第2批。
留言列表