How to Make Rounded Edges for your Plurk Elements

You might be tired of square boxes as your plurk elements. You can give rounded edges to your dashboard and other plurk elements if you want. First, just add the code below to the plurk element you want to have rounded edges .


-moz-border-radius:18px 18px 18px 18px;

For example:


#plurk-dashboard {
color: #ffffff;
font-family: Arial;
font-weight: bold;
background-image:url(none);
background:#ffffff;
border: 0px solid #F4F96C;
font-size: 12px;
padding: 5px;
-moz-border-radius:18px 18px 18px 18px;

The code above tells you that all the edges have the same roundness. You can play with the roundness depending on your taste. You can make some edges have 0px for instance; thus, some edges are rounded and some are not. Don't be afraid. Experiment. It's fun!^^

note: This trick doesn't work for Internet Explorer and Google Chrome. Those who will view your page using firefox can see it though.

original post from here...