最近的 post、最近的回應、分類改小圖, 圖形設置

喜歡原創 不隨波遂流!

如何輸入語法請參考: 自定欄位輸入語法設定步驟


總覺得側欄有些小圖會漂亮點, 令資料更悅目, 吸引讀者目光去看! 營造不同版面風格!

最近的 post 和 最近的回應小圖採清單語法, 分類小圖則用背景語法:

注解和英文欄稱順序中英對照!


語法 :

<style type="text/css">/*最近的 post、最近的回應改小圖*/
#widget-recentPost .bd ul li, #widget-recentComment .bd ul.force-wrap li{list-style-image:url(小圖網址);}

/*分類改小圖*/
#widget-category li .ico{background:url(小圖網址) no-repeat;height:高度數字px;width:濶度數字px;}</style>

* * *

有些人喜歡淡雅一點, 男士沒這麼愛美, 不用小圖, 又想轉換清單扭的圖形、顏色配襯版面 *最近的 post和最近回應可用以下語法! 又可免失圖! ❤｡(◕‿-｡)

語法 :
<style type="text/css">/*最近的 post、最近回應清單扭改方形、顏色*/
#widget-recentPost .bd ul li, #widget-recentComment .bd ul.force-wrap li{list-style-type:square;color:#f00000;}</style>

另兩種圖形只須修改以上部份語法:
清單扭改圓圈:  
list-style-type:circle;

清單扭改實心圓:  
list-style-type:disc;

***測試、制作及編寫下過心機, 用了時間,
如要引用語法或文章資料請連同我 blog Logo  一併帶走!