左右兩側標題前小圖 語法

2006091422:52

左右兩側標題前小圖 語法

此教學參考: 小小羊兒

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

語法:↓

/*Nav module list左右欄內標題前小圖*/
.ycntmod .mbd ul.list li {background:url(http://pic.23717.com/pic/icon/icon2/13/69.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://i16.photobucket.com/albums/b6/lovecincin/4c1e9818.gif) 15px center no-repeat;}

語法說明:

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 看到的~~~

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