半調子的手作生活

左右兩側標題前小圖 語法

此教學參考： 小小羊兒

http://tw.myblog.yahoo.com/jw!CSu5DHmBERyjmtIvo6vbZbKOn7L3dQ--/article?mid=989&prev=1034&next=924

語法：↓

語法說明：

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 →3em 數字越大 圖片越往下移動

no-repeat;padding-left:15px;margin →圖與文字的距離 數字越大 距離越遠

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

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

標題前小圖檔不宜選擇過長寬過大的，容易影響整體效果，
當然除了上面特別標出來的數字，還有其他數字值可以調整，
可以依照選用的圖檔自行去修改！

此部分 需要自行 慢慢調整 要有耐心

拜託~拜託~

不要再叫我幫調整這部份語法

最討厭調整這部份，要花耐心分毫微調

.............................

語法使用：

進入 管理部落格-面版設定-自訂樣式

將語法 貼在 CSS 語法中

....................................

↓圖片怎不見? 這個問題也是幾乎天天要答覆

圖片必須是放置在網路空間的圖片

不行用自己電腦內的圖片

不行用各部落格相簿內的圖片

我又把我看到不錯的CSS教學給引用回來了~~

一樣是在314 看到的~~~

喜歡的人也可以去看一下哦~~