友情連結頁,預設的圖示是類似回形針的,這裡簡稱回形針.上一個文章說到,怎麼修改page的link輸出,搞定了之後,就是看到回形針有點不爽.所以想修改一個圖示,經過WP論壇的高人指點,在CSS,於是我打開了style.css來看.搜尋一下link,很快的找到以下程式碼:
1 2 3 4 5 6 | . post . content . linkcat ul li a { background : url ( img / icons . gif ) 0 - 160px no - repeat ; padding - left : 22px ; height : 16px ; line - height : 16px ; } |
再打開img下的icons.gif看,明白了到底是怎麼回事.
160是一個坐標值來的,找個工具量一下就知道了,160就是指向一個回形針的.我這裡修改為176,就是指向一個人頭的.
下面的圖是我友鏈的一朋友的頁: 
再看看的我友鏈頁面: 
我個人覺得,很好看的.更多的請瀏覽的我友鏈頁面: http://www.itlobo.cn/links