107 Subscribers

As I posted a while back now, one of my new favorite websites is Plurk – a Twitter-style site with a more community feel behind it.

Well about a week ago, the A-Team added a new feature for the CSS Customization of your Plurk timeline (a bit like Virb and Myspace), to some mixed reactions. Thankfully, you only need to view other people’s themes if you visit their timeline page, so if there are some particularly gaudy themes (like a lot of the epilepsy-inducing myspace themes that have the sole purpose of scorching your retinas) you needn’t see them.

In order to add some CSS customisation, you need to have hit the Karma level of 25… then you click on the edit profile link, and the Customization link. There is a helpful how-to page, but the information given is a little limited. Thankfully Plurk user & Graphic Designer extroadinaire ZenElements has created a PLURK:CSS blog post which is an awesome resource for the CSS beginner.

I’ve created a few simple themes for myself and my girlfriend Smoo, featuring the Invader Zim favorite character Gir, A Battlestar Galactica Cylon as well as an abstract blood-red theme too. Here’s what they look like, and if you’re a plurk user, the links underneath each theme should apply that theme to your timeline. :) If you’d rather add the CSS yourself, I’ve added that too. :)

Enjoy! And please comment if you use one of the themes… if they go down well I’ll do a few more. :)

Install	Install
Install	Install

Here’s the raw text code for each theme:

Abstract Red
body, html {
background-image: url(http://www.hybrid-gamers.com/baku/pics/wallpaper_1623.jpg);
background-repeat: repeat;
color: ;
}
#timeline_holder {
background-image: url(http://www.hybrid-gamers.com/baku/pics/wallpaper_1623.jpg);
background-repeat: repeat;
}
#top_bar a, #top_login a, #dashboard_holder a, #footer a {
background: none;
color: ;
}
#plurk-dashboard {
background: none;
border-width: 0;
color: ;
}

Cylon:
body, html {
background-image: url(http://i113.photobucket.com/albums/n219/SpasmicPuppy/Desktops/Cylon.jpg);
background-repeat: repeat;
color: ;
}
#timeline_holder {
background-image: url(http://i113.photobucket.com/albums/n219/SpasmicPuppy/Desktops/Cylon.jpg);
background-repeat: repeat;
}
#top_bar a, #top_login a, #dashboard_holder a, #footer a {
background: none;
color: ;
}
#plurk-dashboard {
background: none;
border-width: 0;
color: ;
}

Gir Theme 1:
body, html {
background-image:
url(http://farm1.static.flickr.com/135/390701223_a6c394cfd8_o.jpg);
background-repeat: repeat;
color: ;
}
#timeline_holder {
background-image: url(http://farm1.static.flickr.com/135/390701223_a6c394cfd8_o.jpg);
background-repeat: repeat;
}
#top_bar a, #top_login a, #dashboard_holder a, #footer a {
background: none;
color: ;
}
plurk-dashboard {
background: none;
border-width: 0;
color: ;
}

Gir Theme 2:
body, html {
background-image: url(http://images1.fanpop.com/images/photos/1400000/GIR-invader-zim-1404588-1280-960.jpg);
background-repeat: repeat;
color: ;
}
#timeline_holder {
background-image: url(http://images1.fanpop.com/images/photos/1400000/GIR-invader-zim-1404588-1280-960.jpg);
background-repeat: repeat;
}
#top_bar a, #top_login a, #dashboard_holder a, #footer a {
background: none;
color: ;
}
#plurk-dashboard {
background: none;
border-width: 0;
color: ;
}

Popularity: 51% [?]

This entry was posted on Wednesday, July 30th, 2008 at 13:19 and is filed under Tech. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.