Friends and Fans Pictures

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 http://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.

Advertisements
Published in: on April 17, 2009 at 6:56 am  Comments (2)  

The URI to TrackBack this entry is: https://peacepiece.wordpress.com/2009/04/17/friends-and-fans-pictures/trackback/

RSS feed for comments on this post.

2 CommentsLeave a comment

  1. nice…thanks..

  2. Poreia,nu03a0u03bfu03bbu03cd u03c7u03b1u03afu03c1u03bfu03bcu03b1u03b9 u03c0u03bfu03c5 u03c3u03c5u03bcu03c6u03c9u03bdu03b5u03afu03c2. Click https://twitter.com/moooker1


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: