::FSWeaver Official Forum Site::
welcome to FSweaver..Have More Fun and Enjoy.
Register nOW!!!!


Community Of People Who Are Into Social Networking
 
PortalHomeSearchMemberlistUsergroupsRegisterLog in
Welcome Here! in FSweaver stay enjoy here have more fun sharing the tricks..

Share | 
 

 YM Status [CSS]

Go down 
AuthorMessage
Lelouch
» Newbie
» Newbie
avatar

Male
Honors : 16
Age : 28
Location : Philippines
Warnings :
0 / 1000 / 100

Honors : 36210
Registration date : 2008-11-18

PostSubject: YM Status [CSS]   Thu Nov 20, 2008 2:24 am

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!
Back to top Go down
http://www.friendster.com/unknownriot
ladyyelle
» Newbie
» Newbie


Honors : 85
Age : 25
Location : sto.domingo, ilocos sur
Warnings :
1 / 1001 / 100

FW Mood: :
Honors : 36012
Registration date : 2008-12-06

PostSubject: Re: YM Status [CSS]   Sat Dec 06, 2008 11:31 am

wow... i saw that on my friens' friendster... now i know how did they do that... thanks 4 sharing
Back to top Go down
 
YM Status [CSS]
Back to top 
Page 1 of 1
 Similar topics
-
» McCanns Request for Assistente Status
» Status Hearing - Monday, 9/27/10 1:30 p.m. Eastern
» phpbb3 & invision : Indicate the online status of a user in a profile field
» Recent Status Update Widget like IPB
» Is there a widget for Status Updates?

Permissions in this forum:You cannot reply to topics in this forum
::FSWeaver Official Forum Site:: :: FS Micsellaneous :: Friendster Tricks and Tutorials :: CSS Tutorials-
Jump to:  
Free forum | © phpBB | Free forum support | Contact | Report an abuse | Forumotion.com