Plurk CSS Restrictions
Posted on 25. Jan, 2009 by Olivia Bell in How To.
Recently, the lead developer of Plurk Inc, Amix made some alterations and restrictions to Plurk CSS and customizing abilities. Below I have listed the changes and some solutions.
Plurk Changes:
Below are the changes made to Plurk – continue reading for solutions.
Plurks cannot be styled:-
They are restricted to, black text and white background – the primary reason, visibility.
Qualifiers cannot be styled:-
In Amix‘s own words
The reason we have chosen to restrict customizing the qualifiers is, while they may not be pretty, it is a very easy and quick way of filtering a timeline, to see what emotion a plurk represents, i.e. there is a big difference between a hate plurker and a love plurker.
Amix has allowed us to change qualifiers borders and also the text colour (however this is only viewable IN a plurk – it does not appear when you select a qualifier to use) – but we may not change the background.
Apart from the above changes, Amix has also allowed us to customize the “says” qualifier and the “freestyle” qualifier
Plurk Solutions:-
So, alas we cannot alter Plurks – despite efforts to find a loophole, there is none – at present.
We used to, at times, style our Plurks to be semi-transparent, however since the adjustments to Plurk, backgrounds are restricted and therefore, our solution is to use the CSS trick:-
opacity: 1.0;
You can alter the amount of visibility the opacity CSS code has, but the problem with it is, it not only makes the background semi-transparent, but also the text.
With a semi-transparent background, the text is irrevlent. However, with the opacity code, it makes the background and text semi-transparent.
If you want to have semi-transparent plurks, here’s how we’ve done it:
.plurk_cnt { opacity: 0.7; }
.plurk_cnt:hover { opacity: 0.9; }
The lower the opacity, the less you see – the higher the number, the more you see.
This is all we can help you with at the moment. If you have any solutions, send us a comment using the form below.
Now What?
You've reached the end of this post. As you've made it this far, We've outlined some more extras below. Related content, bookmarking options, and ways to keep updated easily.








Loryan
26. Oct, 2009
Thanks for the code! it worked!
Plurk layout guide « Kir?-kun Net World
13. Jul, 2009
[...] There are a few things you cannot change using CSS, some of which are detailed in http://plurklayouts.com/plurk-css-restrictions/. [...]
kawaii_pinkblush
18. May, 2009
Ugh. How to use this layout? Where is the code? Please kindly help me! Thanks in advance
Olivia Bell
18. May, 2009
This isn’t a layout.
bunneh
25. Jan, 2009
i have found a workaround for plurk text colour and backgrounds. if you look at my profile you will see i have white text on black plurks (it’s not very attractive but i did it just as a proof of concept). however i fear that these loopholes will be plugged if i post the solution too publicly :O