Log In · Register

 
Image rollovers, (for a div overlay)
alison-apples
post Dec 22 2008, 03:51 AM
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.
 
 
Start new topic
Replies
digitalfragrance
post Dec 22 2008, 11:56 PM
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.
 

Posts in this topic


Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: