YM Status [CSS]

First of all you must have a good YM Status Image. These are some examples:


<blockquote>http://opi.yahoo.com/online?u=YM-ID&m=g&t=1
</blockquote>
<blockquote>http://osi.techno-st.net:8000/yahoo/YM-ID
</blockquote>
<blockquote>http://opi.yahoo.com/online?u=YM-ID&m=g&t=2
</blockquote>Don't forget your YM Id

There are 3 different locationss that I chose.. Above the Primary Pic, In the Shoutout, under CPButtons

Here's the preview http://www.friendster.com/profiles/xavierkym83



So now the CSS Code.

Here's the code for above the Primary Photo.
Code:

Code:

.imgblock200{
    border:none; /* optional but recommended */
    padding-top:27px; /* You can increase or decrease the padding */
    background:transparent url(IMAGE URL); /* Choose your IMG */
    background-position: top left; /* top left or top right */
    background-repeat: no-repeat;
}

Here's the code for inside the Shoutout.
Code:

Code:

.somsg{
    padding-bottom:25px; /* You can increase or decrease the padding */
    background:transparent url(IMAGE URL); /* Choose your IMG */
    background-position: bottom left; /* bottom left or bottom right */
    background-repeat: no-repeat;
}

Here's the code for under the CP Buttons.
Code:

Code:

#controlpanelbuttons {
    padding-bottom:50px; /* You can increase or decrease the padding */
    background:transparent url(IMAGE URL); /* Choose your IMG */
    background-position: bottom;
    background-repeat: no-repeat;
}

Don't forget to change the Image URL. These URLs are the images I provided above.

Enjoy.


Note:
Downside of the trick, you cannot click the Image so that it will open
you Yahoo messenger. Nevertheless, you can still let the people know
your YM Status
Credits : Kuya Xav!

wow... i saw that on my friens' friendster... now i know how did they do that... thanks 4 sharing