How to Change The Plurk Scroll Arrow

Posted date : 2008 Nov, 11

Here’s a quick trick to change the scroll arrow on your plurk profile.  You know the arrow that appears when you put the mouse cursor on either edge of the time line?  The default arrow is pretty boring, so we’re going to change it.

First thing you need to do is either find a picture online or make your own in Photoshop or Gimp.  I used the following:  Ye Old Pointing Finger.  You can grab him here if you want.  Or just right click on him and click “Save Image As”.

If you do decide to make your own pointer arrow you should save it as a PNG or GIF file.  This way it can have a transparent background to let your timeline show through.  And if you make it you need to upload it to an image host or to your own webhost.  A free image host I recommend is Plurk Pix.

Once you have your image taken care of, make sure you note the url.  For example the url of Ye Old Pointer Finger is “http://www.freeplurkthemes.com/images/finger-pointer.gif”.  You will need this for the code.

Okay, that’s out of the way.  So head over to Plurk and sign in.  Go to the upper left corner of your profile where it says My Profile and click on the Edit button right next to it.  Click on the Customize Profile Tab and at the botton where it says “Customize Your Profile Even More With CSS” Paste the following code:

.browse_button div {
Background:  transparent url(http://www.yourimagesurl.com/yourimage.gif) scroll 0 -51px;
}

Once you do that, click the Save and Update button.  Your results should look something like this:

Posted under : CSS, Hacks, How To by admin 

Leave a Reply