如何在左右兩側加上可愛小圖

2007120122:30

ღ 如何在左右兩側標題前加上可愛的小圖 ♬°~

♫~步驟

先進入管理部落格按下面版設定再按自訂樣式

♫~步驟

貼上語法

/*Nav module list左右欄內標題前小圖*/
.ycntmod .mbd ul.list li {background:url(
http://左右標題前小圖 網址.gif) left .3em no-repeat;padding-left:15px;margin-bottom:2px;_margin-bottom:3px;_line-height:1.5em;}.ycntmod .mbd ul.list li.more {margin:-3px 0 0 -3px;text-align:right;background:url(http://所有文章前 小圖.gif) 15px center no-repeat;}

ღ語法說明ღ

left .3em 數值越大的話,圖片會越往下移動!

no-repeat;padding-left:15px;margin 這裡是指圖與文字間的距離,數值越大,距離越遠

margin-bottom:2px;_margin-bottom:3px 指與此行底部邊際的距離

_line-height:1.5em 指此行圖的所在高度,數值越大,高度越高

紫色字體部份請自行貼上圖片網址﹏

在標題前的小圖檔不要選長寬過大的,很容易影響整體的效果喔

上面的數值皆可依照自己選用的圖檔進行修改,要有耐心的慢慢調整,才會有美美地圖唷

♫~步驟

按下確定我的部落格