Creating a New Link Color Class

USER QUESTION: I'm trying to change the font color for links. I go to coolstyle.css and change the a:link and a:visited to the color I want. The problem is that now all links are that color (meaning the menu links and the links in the copyright area, etc.).

SOLUTION: You will need to create a new special link class. For example, you should have something like this in either your coolstyle.css or corporatestyle.css CSS file:


a:link { color: #FFFFCE; text-decoration: none }

a:visited { color: #FFFFCE; text-decoration: none }

a:active { color: #CCFFCC; text-decoration: none }

a:hover { color: #FFFF63; text-decoration: none }


Copy and paste that in the css file and create a new set of link classes like this:


a.pagelink:link { color: #FFFFCE; text-decoration: none }

a.pagelink:visited { color: #FFFFCE; text-decoration: none }

a.pagelink:active { color: #CCFFCC; text-decoration: none }

a.pagelink:hover { color: #FFFF63; text-decoration: none }


In the above example you have added ".pagelink" to each line. Now, change the hex colors in the above example. Then on the html pages you must tell a link to use that class:

<a href="linkhere.htm" class="pagelink">Link Text</a><br>

Then the new link color will be used for that link only.



Related Topics:
Changing Font Colors
Changing Link Colors
Adding New Font Styles
Editing the Flash Animation

Links:
Font Colors
Color Mixer Software


Allwebco Template Support


Allwebco Website Template Support


Template Colors
Allwebco Template Support
More Color Details
Allwebco Template Support
Add New Colors
Allwebco Template Support
Shifting Colors
Allwebco Template Support
Font Colors
Allwebco Template Support
Link Colors
Allwebco Template Support