Bored of your ugly fans’ and friends’ pics sitting on your dashboard? Or simply want certain pictures to be displayed there rather than random pics? You can also replace them like you replace the badges.
1. Create your own set of pics, make it 3 rows of 4 pictures, 40×40 in size each, then save it as transparent GIF, like this one below.
Ops, sorry if you don’t like girls. Anyway, the layout may be different with different CSS, the easiest way to do this is capture your Plurk screen, paste it on image editing software, put your 40×40 pics on top of the existing ones, crop it like the above example, and save. There you have your custom pics, then upload it somewhere like www.tinypic.com.
2. Add these codes into your customization:
.friend_holder#friend_holder { background: url(your-pic-url) no-repeat 1px 6px; }
.friend_holder#friend_holder img { opacity:0.0; filter:alpha(opacity=0); }
And that’s all. :D
The first line is to put your pic as background. You may need to adjust the 1px 6px according to your layout; 1px is the X coordinate, 6px is the Y coordinate.
The second line is to get rid of the real Friends’ pic. You can still see them when you mouse-over the box.
For Fans, the code is just slightly different:
.friend_holder#fan_holder { background: url(your-pic-url) no-repeat 1px 6px; }
.friend_holder#fan_holder img { opacity:0.0; filter:alpha(opacity=0); }
Enjoy! Tested on Firefox and Chrome.
nice…thanks..