Log In · Register

 
Can someone teach me how to do rollovers?
Nikki09815
post May 11 2008, 09:37 AM
Post #1


Member
**

Group: Official Designer
Posts: 11
Joined: Jun 2006
Member No: 425,348



I've looked for some tutorials on them, but I can't seem to find any that I can actually follow.
Can someone, by chance, teach me how?
 
 
Start new topic
Replies
GunsNRachel
post May 11 2008, 11:30 AM
Post #2


Senior Member
****

Group: Member
Posts: 292
Joined: Jul 2007
Member No: 545,047



yes! I'll give you the code I use:

CODE
a.nav{
display:block;
width:165px;
margin:1px;
background-color:white;
font-family:arial!important;
font-size:14px!important;  
font-weight:normal!important;
color:555555!important;
text-decoration:none!important;}

a.nav:hover{
width:165px;
background-color:COLORHERE;
background-image:url(URLHERE);
display:block;
margin:1px;
font-family:arial!important;
font-size:14px!important;  
font-weight:normal!important;
color:9d1829!important;
text-decoration:none!important;
}


This code should go between <style type="text/css"> and </style>. The top code is for the navigation, the bottom is for the rollovers. Where it says "background-color: ;" is where the rollover color goes. If you want it to be an image rollover, you create the image, upload it and put the link where it says "background-image:url(URLHERE);" and that's about it. If you have any questions feel free to ask me and I'll try to help =)

Oh sorry, I forgot something:
When making a link that you want to use the rollover you need to make the link look like this,
CODE
<a class="nav" href="http://home.myspace.com/index.cfm?fuseaction=user">Home</a>
 

Posts in this topic


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