On the friendly link page, the default icon is similar to a paper clip, here it is referred to as a paper clip. The previous article talked about how to modify the link output of the page . After getting it done, I just felt a little uncomfortable when I saw the paper clip. So I wanted to modify an icon and went through the WP forum. Experts pointed me to CSS, so I opened style.css to take a look. I searched for the link and quickly found the following code:
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 ; } |
Open the icons.gif under img again and understand what is going on.
160 is a coordinate value. Just find a tool to measure it and you will know. 160 points to a paper clip. I changed it to 176 here, that is Pointing to a head.
The picture below is the page of a friend of my friend link: 
Take another look at my friend link page: 
I personally think it looks great. For more information, please visit my friend link page: http://www.itlobo.cn/links