Monday, August 18, 2008

Plurk CSS code to turn your dashboard into boxes; have fun with it

/* http://www.colchis.com/clrtable.html color table */

/* make your dashboard into boxes */

#plurk-dashboard {
background: none;
border: none;
}

/* setup stats box */
#dash-stats {
height:300px;
padding: 10px 5px;
color: #FFFFFF;
background-color: #0000FF;
border: 5px solid #FFFFFF;
opacity: 0.9;
filter: alpha(opacity=90);
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}

#dash-stats, h2 {
text-align: center;
}

#dash-stats h2 {
color: #FFFFFF;
border-bottom: 0;

padding: 0 0 0 20px;
}

#dash-stats #plurks_count, #dash-stats #response_count, #dash-stats table td {
text-align: left;
color: #FFFFFF;
}

/* setup friends box */
#dash-friends {
height: 300px;
padding: 10px 10px;
color: #FFFFFF;
background-color: #FF0000;
border: 5px solid #FFFFFF;
opacity: 0.8;
filter: alpha(opacity=80);
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}

#dash-friends h2 {
color: #FFFFFF;
border-bottom: 0;
text-align: left;
padding: 0 0 0 20px;
}

#dash-friends, #dash-friends-pics {
text-align: center;
padding: 10px 6px;
}

#show_all_friends {
padding: 0 0 0 20px;
text-align: left;
height: 14px;
no-repeat 0 0;
}


/* setup fans box */
#dash-fans {
height: 300px;
padding: 10px 5px;
color: #FFFFFF;
background-color: #FF00FF;
border: 5px solid #FFFFFF;
opacity: 0.8;
filter: alpha(opacity=80);
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
}

#dash-fans, h2 {
text-align: center;
}

h2#h2_fans {
color: #FFFFFF;
padding: 0 0 0 20px;
border-bottom: 0;
}

#dash-fans div div {
text-align: left;
}

1 comment:

ShuTian said...

I love this Nethead. I used it on my profile. Is there any way this code can be modified so there is four boxes instead of three?