Image rollovers, (for a div overlay) |
Image rollovers, (for a div overlay) |
![]()
Post
#1
|
|
Senior Member ![]() ![]() ![]() Group: Member Posts: 71 Joined: Jul 2008 Member No: 671,706 ![]() |
I've tried multiple codes. None of them seem to work. What's the code for an image rollover for a myspace div overlay?
Thanks in advance. |
|
|
![]() |
![]()
Post
#2
|
|
![]() Adobe Addict ![]() ![]() ![]() ![]() ![]() ![]() Group: Staff Alumni Posts: 1,237 Joined: Mar 2005 Member No: 113,043 ![]() |
Their tutorial was confusing... try it this way using the code they used.
CODE <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> For you homepage link... 1. Create 2 images - the one that will first display for the link and the one that will display on rollover. 2. Upload the first image and paste it in place of Picture_Url_1 3. Upload the second image (the rollover one) and paste it in place of Picture_URL_2 4. Replace NAME with HOME 5. Copy and paste your edited code into your style sheet. Now, let's do the actual link A normal homepage link looks like this: CODE <a href="'http://home.myspace.com/index.cfm?fuseaction=user">Home</a> 6. For a rollover, you have to specify the class that you made before hand by adding class="HOME". Add the below link wherever you planned on placing it in the DIV layer. CODE <a href="'http://home.myspace.com/index.cfm?fuseaction=user" class="HOME">Home</a> 7. Repeat these steps for all links. |
|
|
![]() ![]() |