Moueover Button From Hell

[fresh83]

ive wanted to make rollover buttons on myspace, i realize that you cant use javascript on myspace,any ideas on how i could do so still...ive looked and looked and looked with no success

[Nile]

You can always use CSS.


.button {
background: url('url_to_image.png');
width: 100px;
height: 50px;
}
.button:hover {
background: url('url_to_hover_image.png');
width: 100px;
height: 50px;
}

Then when you put in your buttons, for example:


<a href="#" class="button">#</a>

You wanna include class="button" like the highlighted above.

[fresh83]

thanks for the help!

do i have to put the css in the head code ?? if not where?
heres my myspace:

http://www.myspace.com/LILBOYFRESH83




i want to make it so the images in my friends change to something like:

http://img175.imageshack.us/img175/2/paigegmw3.gif



when you mouseover.

[Medyman]

do i have to put that in the head code or can i place the style anywhere?
heres my myspace:

Yes, always in the head. But you can use the same class for as many links as you want.

So, if you have 10 friends of whatever and want to link to the same image on :hover, then use the same class and just add that CSS style to your head.

Otherwise (if you want a different image for each friend), use separate class decelerations and/or ids.

[fresh83]

alright its starting to work!! but it verry verry tiny even though i changed the size in the css code


take a look

http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=46458831

[Nile]

Hmm, I'll get back to you later.