用CSS把左右欄位加上小圖

2008050614:31
蒐集:CSS教學   2006/11/29 11:12

左右欄位小圖語法

/*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;}

黃色字是設定左右欄位內容小圖,就是旁邊的愛心

藍色字是設定"所有文章"和"更多回應"前的小圖,就是旁邊的布丁

圖檔網址可以到圖檔網址1或是圖檔網址2或是自己上網找

找到你要的圖片按右鍵點內容會看到網址(URL,)那個就是你要的圖片網址複製就好哩!

接下來登入奇摩帳號→到自己的部落格→管理部落格→面版設定→自訂樣式→貼上語法就好了!

(如果還有不會的可以回應問我﹋如果會了也給點回應吧^^)(如果想複製內容請按”我要引用”)