Friendstertutorials.com » YM Stat in Your CSS File

YM Stat in Your CSS File

Contributed by Gielin on October 31st, 2008 Categories: External CSS Codes, Tricks and Tweaks

5,873 Views

(+4 rating, 3 votes)

Loading ...

this tutorial is for people who has the hard time in using the JS YM status…

so i’ve found out that there was a way in posting YM stat (online-offline mode) in css..

here are the skins:

code: http://opi.yahoo.com/online?u=YM-ID&m=g&t=1

code: http://osi.techno-st.net:8000/yahoo/YM-ID

code: http://opi.yahoo.com/online?u=YM-ID&m=g&t=2

instuctions: pLs change the bold letters “YM-ID” into your YM ID

example :http://osi.techno-st.net:8000/yahoo/pinkgirl_gielin

————————————————————————————————————-

after choosing a skin and editing it….

decide where to put the stat..

here are the possible place in your profile where you can put it:

now! for the CSS codes:

above the primary pic:

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; } below the shoutout:

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

under the CP (Control Panel) Buttons:

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; } #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” on the YM skins provided for you above..

=> include this code in your CSS compilied file

*eNjoy using it*

note to the user of the code: this icon is NOT CLICKABLE!!this will just show the page viewer weather your online or offline

cedits by:xavierkym**

posted by:**mHiZ pHuRpEkT**

Share This Tutorial:

Close Bookmark and Share This Page

Save to Browser Favorites / Bookmarks