Link Classes Website Templates
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 Chrome Templates
Quick color change css web templates.
AllwebcoDesign.com
Free Javascripts
Free scripts for any website or template.
Allwebco-Templates
Mobile Website Templates
Mobile optimized HTML5 websites.
AllwebcoDesign.com
Shopping Cart Templates
Professional templates with built-in Paypal.
AllwebcoDesign.com
|
