How do you have two hover link colors on the same page?

This can be done by creating classes of a:hover, then using the class names within the links. Follow along and I’ll show you how…

In your head tags (or copy the parts you need and input in your css), put this:

Code:

<style type=”text/css”>
<!–
a:hover {color: green;}
a.red:hover {color: red;}
–>
</style>

(be sure to change the color green to the color you want and also change the two spots where it calls for red to the color you want there, too)

Then call your links like this:

Green hover link:

Code:

<a href=”http://www.yourlink.com”>Green hover link name</a>

Red hover link:

Code:

<a href=”http://www.yourlink.com” class=”red”>Red hover link name</a>

Change the yourlink.com with the link you want and change the name to the name you want.

Try it and you’ll love it!!