online icon Options

[alias5731]

hi, im asking for help again.
can anybody tell me how to create an "online" icon with that pic please?


the problem is that i dont have the original myspace layout; i changed everything and the original online icon got removed. so i"d like to insert one in this code, just after my picture.
the problem is that i dont know how to make it appear only when i'm online...

any help will be appreciated; thanks very much!

CODE

<div class="content" style="position: absolute;
left: 454px;  top:356px; width:250px; height:214px; overflow: auto; ">

<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=81130389"><img src="http://img90.imageshack.us/img90/351/photo034coup100x1007jw.jpg" align=left border=0></a>
<br>
******************ONLINE ICON HERE*********************
<br>
<b>Name:</b> Camille
<br>
<b>Facts:</b> 19 years old <br>France (Paris) <br>Aries <br> Law student
<br>
<b>Likes:</b> I like to party with friends, visit my boyfriend, BBQs, go to concerts, mess around with my guitar, play with my cat, go shopping...
<br>
<b>Dislikes:</b> I dislike routine, i need dynamism, action. I wish my life wasn't that boring. I also dislike people that have 1000 friends just to look cool. Get a life!
<br>
<b>Music:</b> I like <br>
<i>* Grunge </i>(Nirvana - Seether) <br> <i>* Feminine Punk </i>(Hole - The Distillers - C.Love - Queen Adreena...) <br> <i>* Metal </i>(Apocalyptica - Metallica - Children Of Bodom - Rammstein - Dimmu Borigir - Demons & Wizards...) <br>
<i>* Goth</i> (HIM - NIN - Fields Of The Nephilim - Sisters Of Mercy...) <br> <i>* Rock</i> (Alice In Chains - Foo Fighters - Queens Of The Stone Age - Jeff Buckley - Noir Désir...)<br><br>
</b>
</div>

[ekhast]

Use thi code:

CODE

<style type=text/css>table table table td.text div img {visibility:hidden;} table table table td.text div { background-image:url("URL TO ICON"); background-repeat:no-repeat} table table table td.text table table div img {visibility:visible;} table table table td.text table table div { background-image:url("none");}</style><div style=position:absolute;left:0px;top:0px;width:146px;background-color:;border:666666;font-family:tahoma,arial;font-size:8pt;></div>

[alias5731]

it doesnt appear... the space for it is left blank. any idea why?

[*This Confession*]

well did you put the url for the picture?

nvm
here this will work
you can put it in your about me

CODE

<style type="text/css">table table table td.text div img {visibility:hidden;} table table table td.text div { background-image:url('http://i6.tinypic.com/1z56m1g.gif'); background-repeat:no-repeat} table table table td.text table table div img {visibility:visible;} table table table td.text table table div { background-image:url('none');}</style>

[alias5731]

it still doesnt work...here's myspace so you can see how it is. maybe u'll understand why its npt working.

[*This Confession*]

well duh thats it
you have a div.

where ever you want the online now icon to be just put this there.

CODE

<img src="http://i6.tinypic.com/1z5howx.gif" border="0" alt="online now">

put that in to your about me stuff if you want it there.

or if you want it off somewhere else you can position it using this..

CODE

<div class="content" style="position: absolute; left:000px;  top:000px; width:000px; height:000px; overflow: auto;"><center>

<img src="http://i6.tinypic.com/1z5howx.gif" border="0" alt="online now">

</div>

change the left and top to numbers that you want to postion it at.
and change the width and height to the same as how big you want the div area to be

[ekhast]

Oh it's a div... then just put this

CODE

<img src="http://i6.tinypic.com/1z56m1g.gif" align=left border=0></a><br>

between your pic and your name.Late^lol

This post has been edited by ekhast: Jul 6 2006, 04:00 PM

[alias5731]

but isnt this icon gonna be on myspace forever? i mean, i dont understand how it can only appear when im online... i'll check on someone else's myspace. thanx a lot anyway. you can close this topic now :)