Saturday, January 9, 2010

How to add color and style to your "Send Private Plurk" box


Tutorial - Add style to your 'send private plurk' button


       Some of you may have noticed that Plurk is constantly updating and adding new features and one new change that Plurk has added is a send private plurk button under your name/age/gender/location area.


Here is how you can customize the look of this button.

First go to edit>customize profile

   Add this code to your css template:


/*Send Private Plurk Box*/
.friend_man.private_plurk {
-moz-border-radius: 6px 6px 6px 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
background: #000000;
color: #ffffff !important;

}

The orange area is where you change the background color of your private plurk box
The blue area is where you change the font color of your private plurk box

OPTIONAL-
You can add the code above anywhere you want, but if you have this code:


/* Follow Friend/Fan Box */
.friend_man.add_follow, .friend_man.remove, .friend_man.add_friend, .friend_man.pending {
    -moz-border-radius: 6px 6px 6px 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
background: #000000;
color: #FFFfff !important;
}


    you can add the code right below it.
If you're lazy like me and want an easier way to find this code press ctrl+f (command+f for mac users) and enter what you are searching for.

To add color and style to 'send private plurk' box WITHOUT the rounded borders-

    If you do not want rounded borders on the  private plurk button then add this code instead:



/*Send Private Plurk Box*/
.friend_man.private_plurk {
background: #000000;
color: #ffffff !important;
}



I hope this tuto was easy to understand! If you're confused or have and questions, leave a comment or send us an email.

No comments:

Post a Comment