Tutorials

Html Roll Overs

Example Example Example

If you want to have roll overs on your site, put the following code onto your css sheet. Also, know that you can edit the code below to your liking, (font, background color, etc-)

a.nav:link, a.nav:visited, a.nav:active { text-decoration : none; font-family : Arial, Helvetica, sans-serif; font-size : 8pt; line-height : 10pt; color : white; letter-spacing : 0; background-color : #5a97ee; cursor : default; display : block; text-transform : lowercase; margin : 0; padding : 4px; border-right : 8px solid #37da16; } a.nav:hover { text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; letter-spacing: 0px; line-height: 10pt; color: black; background-color: #1667da; cursor: default; display: block; text-transform: lowercase; margin: 0px; padding: 4px; border-right:8px solid #299a12;

Now, use the following code for your links:

<A class=nav href="URL HERE"> TEXT HERE </A>

All content copyright 2007 www.behindherheart.com. All rights reserved.