Plurk Updater CSS code - updated to remove the speaker after you turn off the sound

/* the display for when you have new plurks/responses */
#updater {
border: none;
background-color: #0174DF;
color: silver;
}
#updater a {
color: white;
}

You can change to diff colors from what is used; also i set border to "none", why have a border?

For the new 'speaker' icon, you can use the following code with the above code, AFTER you turn off the sound. the code below will remove the speaker icon from your update display

.cmp_sound_off {
opacity:0;
width: 0px;
}



So, All together it will look like this:


/* the display for when you have new plurks/responses */
#updater {
border: none;
background-color: #0174DF;
color: silver;
}
#updater a {
color: white;
}
.cmp_sound_off {
opacity:0;
width: 0px;
}

How to Block a Plurker who is not a friend

This the URL below:

http://www.plurk.com/Friends/blockUser?block_uid=XXXX

where XXXX is the avatar number of the plurk you wish to block

Avatar number? you ask?

To get the 'uid' (Avatar) number of a plurker; copy their avatar picture location URL and then paste to URL and you'll see a #; that # is the number you want.

That is called the 'uid', put that number in place of the XXXX, then copy/paste the URL to your address bar, press enter and BAM and you'll block the plurker.

Example; copy your own photo location url and paste to your plurk box, you'll see the url/xxx-medium.gif, you want that number.



Now; a problem, What if the plurker has a 'clown face', no problem.

If you do the steps above and you get this:

http://www.plurk.com/u_img/default_medium.gif


Here is how you get this plurker's 'uid' number

1) Open the plurkers profile page in plurk

2) View the source code for that page; for example in firefox, click on top menubar "view", then click on the menu choice "page source".

This will display the code for that plurkers profile page.

3) do a text search for the following:

var GLOBAL = {"page_user": {"page_title": "", "uid"

After "uid", you will see ": XXXXX" where "XXXXX" is a set of numbers, that set of numbers is the "uid" number you need to use to block the plurker.

4) use the url with the 'uid' number to block the plurker

http://www.plurk.com/Friends/blockUser?block_uid=XXXXX


Hope this helps



Update via @highdef

If the plurker has commented on a plurk in your timeline, you can block him/her via his/her dropdown box. But only from within your own timeline

Plurk CSS Code to change the "Loading" image you see in the middle of the replies when you click on a plurk.

The "http://i34.tinypic.com/xxel4.gif" is where you place your own image.(or use this one)


/* Loading Image in Plurk Response */
.list img[src="http://static.plurk.com/static/indicator.gif"] {
background-position: left top;
background-repeat: no-repeat;
overflow: hidden;
height: 0px;
width: 0px;
}

.list img[src="http://static.plurk.com/static/indicator.gif"] {
height:80px;
padding-left: 125px;
background: url(http://i34.tinypic.com/xxel4.gif) no-repeat scroll left top;
}
/* End Loading Image in Plurk Response */

Update: Plurk CSS code to create a bigger box for inputting reponses. Adding a "background:" will allow you to color the text box.

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

Add the following line to you current CSS code for the #input_small code:

background:#A7CEE8;



/* make a bigger input box for the responses */
#input_small {
height: 75px;
background:#A7CEE8;
}

Plurk CSS Code to change the "Loading" image you see in the middle of the screen when you timeline is being loaded/updated/F5ing it.

The "http://i34.tinypic.com/xxel4.gif" is where you place your own image.(or use this one)


/* Timeline Image Loading */
img[src='http://static.plurk.com/static/loading.gif'] {
filter:alpha(opacity=0);
-moz-opacity:.0;
opacity:.0;
}

#div_loading {
background-image: url(http://i34.tinypic.com/xxel4.gif);
background-repeat:no-repeat;
background-position: 50% 60px;
}

div.loading_div {
background-image: url(http://i34.tinypic.com/xxel4.gif);
background-repeat:no-repeat;
background-position: right center;
}

/* End Timeline Image Loading */

Plurk CSS code to add your own graphic image to your timeline background:

/* Timeline Box background */
#timeline_holder {
background-image: url(http:// put your link to the graphic image here);
background-repeat: no-repeat;
border:0 none;
background-color: #A7CEE8;
color: #A7CEE8;
}

/* end Timeline Box background */


Use this color table to change to #A7CEE8 to colors your like:

http://www.colchis.com/clrtable.html


*Note: remove:

background-repeat: no-repeat;

if you want the photo to repeat down the timeline window


*Note: if you do not want a background image, change:

background-image: url(http:// put your link to the graphic image here);

to

background-image: None;

Enjoy

Plurk CSS Update for the user info box - code for changing the down/up arrows.


/* change the down arrow graphic */
.drop_arrow div img[src="http://static.plurk.com/static/info_list/down.png"] {
background: url(http://i38.tinypic.com/21jy4nq.png) no-repeat scroll left top;
background-position: left top;
overflow: hidden;
height: 17px;
width: 0px;
padding-left: 22px;
}


/* change the up arrow graphic */
.drop_arrow div img[src="http://static.plurk.com/static/info_list/up.png"] {
background: url(http://i38.tinypic.com/5k3h2r.png) no-repeat scroll left top;
background-position: left top;
overflow: hidden;
height: 17px;
width: 0px;
padding-left: 22px;
}

Much thanks to AZJazzyJ for the help on the blue arrow PNG files :) and skraggy for pointing the right direction

Plurk CCS code to change the Timeline Bar:


/* Timeline Bar (where the times are displayed at the bottom at the Timeline */
#bottom_line {
background: #7B68EE;
color: #FFFFFF;
border:none;
opacity: 0; /* see through */
-moz-opacity: 0;
}
/* End Time Bar */

Plurk CSS code to change the Vertical Bar you see on your Plurk timeline:

/* Timeline Vertical Bar */
#timeline_bg .day_start .div_inner
{
/* background: transparent; use this to remove the bar*/
background: #FFFFFF;
border:none;
opacity: 0.1; /* see through */
-moz-opacity: 0.1;
}
/* end Timeline Vertical Bar */

if you wish to remove the bar, uncomment the 'transparent' line and comment the #FFFFFF line. Just in case u want to bring it back.

The following Plurk CSS code can be used to modify the dropdown box; you see it when clicking the down arrow on a plurker's nick (in a plurk/plurk response).

Change the colors to those you like :) also, you may wish to remove this line "opacity: 0.9; /* see-through */" it is used to make the dropdown see-through.

A nice color table http://www.colchis.com/clrtable.html

Have fun.

(also i made the box bigger/text bigger to go with my BIG plurk text for the 24in screen)

/* start of the drop down box */

/* make the box/font bigger */
.AmiMenu.info_menu td
{
padding:0;
width:305px;
overflow:
hidden;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
font-style: Normal;
line-height:20px;
color:#fff;
cursor:pointer;
}

/* change the color to blue/round the box */
.AmiMenu.info_menu
{
background-color:#0174DF; /* blue */
border:5px solid #0174DF;
border-right:5px solid #0174DF;
border-bottom:5px solid #0174DF;
margin:10;z-index:10000;
-moz-border-radius: 10px; /* rounded */
-webkit-border-radius: 10px;
opacity: 0.9; /* see through */
}

/*make the avatar pic bigger */
.AmiMenu.info_menu .user_info img
{
padding:0 0px;
width:55px;
height:55px;
border:0;
position:relative;
right: 10px;
}

/* change the color when cursor is over the user info */
.AmiMenu.info_menu .user_info.on
{
color:#FFFFFF;
background-color:#FF0000;
cursor:default;
}

/* change the highlight color */
.AmiMenu.info_menu .on
{
background-color:#6A5ACD;
border:none!important;
margin:0!important;
}

/* change the block plurker color */
.AmiMenu.info_menu .block
{
background-color:#000;
color:#FFFFFF;
}



.AmiMenu.info_menu .separator{
background:url(http://static.plurk.com/static/emoticons/silver/dance.gif) repeat-x 0 bottom;
height:30px;
padding-top:6px;
}


/* end drop down box */


P.S.
I'll let u figure where to put this code:

/info_list/separator.png

ROFL

Someone asked about changing the Font of the Plurks. From the earlier post for rounded plurk boxes, you add the following two lines:

font-family: Arial, Helvetica, sans-serif;
font-size: 10px; <-- change to a size you like, but not TOO big

Example:

.plurk_cnt {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
border: 1px solid #ddd;
background-color: #FFFFFF;
-moz-border-radius: 10px;
-khtml-border-radius: 1px;
-webkit-border-radius:1px;
border-radius: 1px;
margin-right: 1px;
margin-left: 1px;
}



For the Font you would like to use, you change it here:

font-family: Arial, Helvetica, sans-serif;

For example; Arial could be change to Times


Font size you change here:

font-size: 10px;

For the Font Size change the 10 to a diff number


As part of this you can also add:

font-style: italic;

Which can change the style of the plurk text, can replace italic with:

normal
oblique


You can also add a weight:

font-weight: bold;

You change 'bold' to normal

Use Firefox?

Have a Plurk badge?

Add the following Plurk CSS code to your Profile CSS setting and you'll have a Firefox Badge :)

/* display firefox badge */
.award_bar {
background: url(http://www.plurkpix.com/pix/1Gh.png) no-repeat right;
}

Want to your remove your plurk creature? Copy the following Plurk CSS code to your Plurk Profile CSS settings:


/* remove plurk creature */
#dynamic_logo {
opacity:0;filter:alpha(opacity=0);zoom:1
}

Plurk CSS code to change the "Plurk time" character; this the time which is displayed on the timeline when you click on a Plurk within the timeline view

Change the "psy.gif" to another graphic you would to appear

/* Plurk Timeline Character */
#time_show{
background:url(http://plurk.cainanunes.com/psy.gif) left top no-repeat;
background-position:1px 1px;
height:50px;
padding-right:1px;
text-align:right;
width:80px;
bottom:-35px!important;
position:absolute;
}
/* change the plurk time color */
#time_show span{
margin:0;
padding:0;
color:#FFFFFF;
font-weight:bold;
}

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;
}

Add the following to lines to your Plurk CSS code to make the Original Plurker's nick show up in Red(or change C00 to another color code)

/* make the org plurker name red */
.highlight_owner .name{text-decoration:none; color: #C00;}

CSS Code for showing Plurkers Nicks in a Diff color for the ones whom you've not visited their profile page


/* make the links 'blue'/#0174DF for persons profiles you have not visited */
a:link { color: #0174DF; }

/* make the org plurker name red */
.highlight_owner .name{text-decoration:none; color: #C00;}

Add those lines in your Plurk CSS code

thx to @skraggy for the "org plurker name" color

Copy all of the CSS code below into your CSS profile box and turn your dashboard into 'boxes'

/* turn your dashboard into 'boxes' */
#plurk-dashboard {
background: none;
border: none;
}
.segment-content {
background-color: #0174DF;
padding: 10px;
margin: 10px;
}

Remove Karma from your Plurk profile:

1) .karma_hover{font-size: 0px} #karma_arrow{position: relative;left: -800px;}

2) #dash-stats h3, a.link_arrow {opacity:0.0;filter:alpha(opacity=0);height:0;margin:0;padding:0;font-size:0;}


copy/paste the code below into your CSS profile settings


/* remove karma from your dashboard */
.karma_hover{font-size: 0px} #karma_arrow{position: relative;left: -800px;}
#dash-stats h3, a.link_arrow {opacity:0.0;filter:alpha(opacity=0);height:0;margin:0;padding:0;font-size:0;}

/* Move the Plurker Avatar to the left of the plurk */
div.p_img {
position: relative;
right: 3px;
}

change the 3px to a number you like