Plurk CSS Restrictions

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.

Share This Post

  • del.icio.us
  • Facebook
  • Technorati
  • StumbleUpon
  • Twitthis
  • Digg
  • Reddit




user photo

About the Author: Olivia Bell

Olivia has written 106 posts on Plurk Layouts - Some say she designed her own DNA and that she is the only human being to have ridden a unicorn, all we really know is, she's the co-owner of this website and she wants to talk to you on Plurk. Also check her out on www.escaped-emotions.com

Contact the author

5 Responses to “Plurk CSS Restrictions”

  1. Loryan

    26. Oct, 2009

    Thanks for the code! it worked!

    Reply to this comment
  2. [...] There are a few things you cannot change using CSS, some of which are detailed in http://plurklayouts.com/plurk-css-restrictions/. [...]

    Reply to this comment
  3. kawaii_pinkblush

    18. May, 2009

    Ugh. How to use this layout? Where is the code? Please kindly help me! Thanks in advance :)

    Reply to this comment
  4. 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

    Reply to this comment

Leave a Reply


Powered by WishList Member - Membership Software