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. (more…)

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

Happy New Year

Heya people, Happy New Year to all.

I haven’t been making any new themes, I’m still annoyed with constant changes Plurk made and the latest would be scrambling filenames and suddenly blow pictures up. As so, some filenames may be obsolete in my CSS Kit… whatever, I won’t update anymore of it.

Anyway, no post for total rant so I’d give you something that probably a lot of people already know, about “how to use people’s theme without knowing the install link”.

When you stumbled on someone’s plurk and you love its theme, just save the whole page to your harddrive, then look for GetCustomCss.css. Just paste everything in it on your plurk customization form, and voila, you get the theme.

I fixed One Piece: All Blue for the latest change, btw.


Published in: on January 14, 2009 at 11:12 pm  Leave a Comment  

New icons_gif.gif and icons_png.png

Plurk has changed (again) some way the layout behave. This time it’s the way some layout images are displayed. Plurk now use .cmp_(insertvariablehere) tag for timeline loading, buttons, etc. Only two images are currently used for all those.



As for the tags, just save your plurk and look in the timeline_all.css everything that starts with .cmp. (or just view my updated Plurk CSS Kit)

Rant: these changes have made me losing my mood to create any more theme if later plurk changed something in it and I have to edit it and post new links all over again…

Published in: on October 30, 2008 at 9:04 pm  Leave a Comment  

Plurk CSS Kit

I’ve written a document containing list of tags to help people customizing their Plurk. It does not tutor step by step and complete detailed customization, however, just a list and a bit tips and tuts, you still have to do your homework regarding your own creativity, applicable CSS properties, etc.

Updated: 30 October 2008, Plurk changed the tag for some layout images, easier to customize now, I’ve list them in the UPDATED section but I’m not in the mood for updating anything else within.

View The Document

Hope it helps.

Published in: on October 26, 2008 at 12:35 pm  Comments (5)  


There’s a new tag added in Plurk’s css today, it’s as the following.

#sharePlurk {
background: #953e16;
position: relative;
border:1px solid #632a0a;

#sharePlurk span {
background:url(/static/shareplurk.gif) no-repeat left bottom;
padding:8px 0 1px 40px;

#sharePlurk input.clipboard {
border-color: #743817 #b46642 #b46642 #743817;

#sharePlurk div {
padding:6px 8px 6px 8px;
border:1px dashed #632a0a;

Published in: on October 25, 2008 at 9:08 am  Leave a Comment  

Having Your Own Badges

Plurk awards people with badges for some achievements, like inviting certain number of people, reaching plurk nirvana, etc.

The good news, you can also have your own “badge” or images to be displayed there.

The not so good news, you have to obtain at least one badge for the award_bar tag to exist in your stats box.


Published in: on September 28, 2008 at 11:46 am  Comments (20)  

A Change to Static Images by Plurk

Plurk changes the url for its static images (like the loading fish, plurk button, etc). Everything that previously located at /static/ is now at – just so anyone know and can do necessary changes to their css if they do anything about those images.

Published in: on September 26, 2008 at 12:22 pm  Comments (2)  

Anybody Can Customize!

The number one problem Plurkers face when trying to customize their plurk page is our lack of knowledge in CSS. So here I’ll try to guide an easier way to deal with the css customizing and do things your own way.

First you’ll need a web-authoring software with a WYSIWYG, Dreamweaver for example. And a good text-editor if you have one, but Notepad will do.

Save a plurk page from your browser to your harddrive. Use web-authoring software to open it, and you’ll get a plurk page full with lines and borders of the boxes like the picture to the right.

There you can look for parts that you want to customize. Just click on it. For example you want to customize the plurk box, when you click on it you’d have something like this. Parts in that picture that is circled red is where to look at. Just click on each tag that you see there to get to which is exactly the css tag you need.

Open the css files saved along the plurk page with text-editor. Look for the tag with the Find function to see if it’s really the tag that you need to customize by comparing the color properties, the placement etc. You’d probably stumbled on more than one match, in that case just do the comparison of which match alter the color etc.

After you’re sure it is, just write the new css properties for it on a blank Notepad, then put it on Plurk.

So, the summary:
1. open plurk page with web-authoring software
2. click on part that you want to customize
3. get the tag name from the bottom infobar
4. find it in the css files (most probably timeline_all.css)
5. make sure it’s the correct tag by comparing its properties to what you see on the page
6. write the new properties on blank notepad
7. copy and paste it to Plurk’s css form

Further reference about css syntax, read

And while you’re doing this, you earn yourself a bit knowledge about css :D

Published in: on August 28, 2008 at 11:24 am  Leave a Comment  

Changing Day Marker

Okama Time!

In the pic on the right, the usual vertical line that marks the day is replaced by an animated gif of One Piece’s Okama Bon Clay. :P

To change the day marker use the following lines:

.day_bg .div_inner {
background:url(yourpictureURL) no-repeat center bottom;
width: 64px;
border: none;

You’d want to have the exact same width with the image you use so it won’t be cropped. By default the background is colorless (transparent).

Animated GIFs can be used.

Transparent .PNGs can also be used but its alpha isn’t universally recognized by browsers although work perfectly on Firefox 3.

The timeline’s height is 386px by default, fyi.

Published in: on August 25, 2008 at 9:49 pm  Leave a Comment  

“Secret” Formating

There are some “secret” way to format text you entered in Plurk. “Secret” because it doesn’t seem like they are documented anywhere in Plurk’s website or FAQs.

Anyway, here they are.

  • Creating a link to a user page. Write @ followed by the username without space.
    Example: @satebabi will give you satebabi
    Note: even if the user has changed his/her nickname, using their old/initial nickname will automatically convert the text and link to their new nick. ;-)
  • Creating text with link. Write the url then followed by (Your Text) with a space.
    Example: (Watch Movie) will result Watch Movie
    You can also just write and it will come out as
    Note: you don’t have to write the http:// part
  • Some text-formating.
    Bold text is done by putting two asterisks at the start and the end of the sentence.
    Example: **bold text** will come out as **bold text**
    Italic text is done by putting single asterisks at the start and the end of the sentence.
    Example: *italic text* will come out as *italic text*
    Underlined text us done by putting two underscores at the start and the end of the sentence.
    Example: __underscored text__ will come out as __underscored text__
    And one more formatting is done by putting ` at the start and the end of the sentence. The result? Try it :-P
    Emoticon codes still work within this formating.
    Note: this formatting won’t work if you put any punctuation marks, emoticon, or spaces in the beginning or the end of the sentence.
    Example: __?invalid__ or __invalid?__ or __(s_dance)dance__ or __ dance__
  • Creating thumbnail of images of youtube video. Just put the url and Plurk will automatically generate the thumbnail with link.

Happy Plurkin!

Published in: on August 24, 2008 at 6:18 pm  Comments (1)