左右兩側標題前小圖 語法
此教學參考: 小小羊兒
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 看到的~~~
喜歡的人也可以去看一下哦~~