Social Media | PLURK:CSS

Posted on July 23rd, 2008 by Zen Elements 10 Comments

Plurk has released to Plurkers over 25 Karma, the access to alter their profiles CSS. I for one, am LOVING it!! There will be many new profiles popping up stretching the limits of what a Plurk profile can do through the editing of CSS and I’m looking forward to seeing them.

Very briefly: CSS stands for ‘Cascading Style Sheets’ and is a markup language for altering and giving style to a website. There are far to many things to cover in CSS to write in one post however, what I will do is list some of the ID’s and CLASSES that you will no doubtadly want to play with. I will also finish with a few great resources for learning further CSS if you would like to experiment further.

ACCESSING THE PLURK CSS EDITOR
My Profile [edit] –> Customise Profile –> [CSS text area]

MAIN BACKGROUND
body {
background: #000000 url(url_of_your_image);
background-attachment: fixed;
}

TIMELINE BACKGROUND
#timeline_holder {
background:#000000 url(url_of_your_image);
}

FURTHER BACKGROUND CONTROLS:

Repeating: no-repeat OR repeat-x OR repeat-y

Align: ‘top’, ‘right’, ‘bottom’, ‘left’

Used as such:
#timeline_holder {
background:#000000 url(url_of_your_image) no-repeat top left;
}

YOUR PLURK DASHBOARD
#plurk-dashboard {
background: #000000;
}

KARMA COLOR/COLOUR
#karma {
color: #000000;
}

YOUR PLURK DASHBOARD LINKS
#plurk-dashboard a {
color: #000000;
text-decoration: none;
}

#plurk-dashboard a:hover {
text-decoration: underline;
}

NOTE ON COLOR:
All the color(s) I have used in this post [#000000;] are set to BLACK only. These numbers are called hexadecimal numbers and each when used with the ‘#’ represent a colour. You can find a whole resouce of colors for your profiles here at (Colour Lovers).

Verbiage:

.q_freestyle { background: #000000; }
.q_loves { background: #000000; }
.q_likes { background: #000000; }
.q_shares { background: #000000; }
.q_gives { background: #000000; }
.q_hates { background: #000000; }
.q_wants { background: #000000; }
.q_wishes { background: #000000; }
.q_needs { background: #000000; }
.q_will { background: #000000; }

.q_hopes { background: #000000; }
.q_asks { background: #000000; }
.q_has { background: #000000; }
.q_was { background: #000000; }
.q_wonders { background: #000000; }
.q_feels { background: #000000; }
.q_thinks { background: #000000; }
.q_says { background: #000000; }
.q_is { background: #000000; }

This is important to note that just like all the other CSS, these colour changes to the verbiage will only work on ‘YOUR OWN’ plurk profile. I would also like to add that the above verbiage is with respect to @janechin and her Plurkaholics Verbiage post.

UPGRADE THE SIZE OF YOUR RESPONSE TEXT BOX:
#input_small {
height: 75px;
}

This one I have found paricularly useful for responding to friends posts and hope you will too.

CSS Resources:
(w3schools) – CSS Tutorials (Basic to Advanced)
(CSS ZEN GERDEN) – No code but some lovely examples of CSS
(Google) – Google is always my friend for some quick hints ‘n’ tips
(Jay’s Brainfart) – A run down on Plurk’s CSS with some nice CSS themes you can use too!

My Final Thoughts:
I think this is a GREAT advancement in Plurk and I will be looking to cover more Plurk:CSS when I get the opportunity to do so. I also look forward to seeing peoples crazy developments with their profiles!
One thing however which is a GRAVE concern to me… Please PLEASE, be careful not to create a profile that everyone will know recognize as a ‘MySpace Profile’. These are notorious to have loud colours, badly tiled backgrounds & garish colours.

Take care everyone & happy PLURK:CSS’ing!

Alex | Zen

Comments (10)

EricJuly 23rd, 2008 at 1:05 pm

Thats great, thanks!

? JayJuly 23rd, 2008 at 1:30 pm

Great post dude… I’ll be referencing it in mine later this evening. :)

Mich D aka @MichDdotJuly 23rd, 2008 at 1:52 pm

I am real excited about the new CSS editing features to man. I even made my first ‘PUKE COLOR MYSPACE’ theme just for giggle.

Way cool of you to list some of the ids and classes bra’

Cya l8a g8a

Peace,
Mich D. aka @MichDdot
The worlds fastest Seo … search it.

ZenElementsJuly 23rd, 2008 at 2:04 pm

Thanks for leaving your comments and I am glad you guys like what I put together.

@Jay, that would be great, thank you. I shall also happily return the link in the above resources too.

@MichDdot, impressive search, congratulations. Your current theme, yes.. ‘lovely’ haha

Alex | Zen

digitaltoddJuly 23rd, 2008 at 4:09 pm

Hey thanks, this answers some of my other questions. I will now go back and try to tweak my profile some more!

Che RexJuly 27th, 2008 at 1:32 am

I’ve changed my profile about a dozen times since plurk made it possible to tweak the CSS. I used a few of your useful tips to make it even better. At least I hope its better and not too “myspace pukey”. Thanks for a great post!