CSS Image Rollover

FIXED!
Made it simpler and smaller! ;D

1. Change the NAME to anything you want, but it all must have the same name and have no spaces.
2. Change the width and the height by replacing the XXX's.
3. Change the Picture_URL_1 to the image URL for the normal appearing one and the bottom Picture_URL_2 to the one that changes when you hover the mouse arrow key. (As seen in the Example bellow.)
4. On the "I'd Like to Meet" code; type in the same NAME as you did in the other ones.
5. In LINK_URL change it to any link you want it to go to when you click on.
6. You can make as many as you like, but it must have a different NAME in order for the others to work and have the same rules.
7. The About Me code can go anywhere; the I'd Like to Meet code has to go where you want it to appear.

If you need any help, just ask me :)
MySpace

Example! :D

<style type="text/css"> a.NAME {float:left;background:url(Picture_URL_1)repeat;width:XXXpx;height:XXXpx;display:block;} a.NAME:hover {float:left;background:url(Picture_URL_2)repeat;} </style>

its not working dude

what if i want to put them in my masthead, like have my slices be rollovers?

How am I supposed to display it? If its only showing the CSS... what's the display code?

uughhh wait will this work on myspace?

Yyyyyyeesssssssssssss

Nice =)

um... put center tags?

I love you!!

Is there any way I could center it?

-Thanks

I'm using this on my div. I'll be sure to give credit if I submit. :D

what does DISPLAY BLOCK do?

View all »

Author	synvincent
Submitted on	May 22, 2008
Page views	22,061
Favorites	71
Comments	24
Reviewer	Mango-Butter
Approved on	May 23, 2008

css, image, rollover