close

  ←就是這個圖


↓下面的CSS語法是目前部落格所使用的



/*Nav module list*/
.ycntmod .mbd ul.list li {background:url(文章標題前面圖檔位址) left .1em(圖片下移數值,數字越大下移越多) no-repeat;padding-left:17px(文章標題前面圖檔和右邊文字相差距離,數字越大,兩者之間距離越遠);margin-bottom:3px;_margin-bottom:3px;_line-height:1.5em(行距高度倍數,數字越大,高度倍數越高);}
.ycntmod .mbd ul.list li.more {margin:-3px 0 0 -3px;text-align:right;background:url(所有文章和更多回應圖檔位址) 48px center no-repeat;}
藍色的部份,貼上連結圖檔的網址,前後括號"()"也是語法之ㄧ喔,別刪除喔!
語法範例:


/*Nav module list*/
.ycntmod .mbd ul.list li {background:url(http://XXXXX.gif) left .1em no-repeat;padding-left:17px;margin-bottom:3px;_margin-bottom:3px;_line-height:1.5em;}
.ycntmod .mbd ul.list li.more {margin:-3px 0 0 -3px;text-align:right;background:url(http://XXXXX.gif) 48px center no-repeat;}


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


引用:http://tw.myblog.yahoo.com/jw!qZUdTTKeBRQ96YSnQrLppw--/article?mid=7


arrow
arrow
    全站熱搜

    林建良 發表在 痞客邦 留言(0) 人氣()