gotFusion.com....... Where your adventure begins
Full Service Web HostingNetObjects Fusion 7 Websites Portal

 


 

Multiple hover & link styles on a single page or site wide

In page view, go to text menu, edit text styles, choose style in site and click new, follow the instructions on the image below. (works in IE4, IE5, IE6 and NS6, NS7 and Mozilla 1.3)


Set whatever you wish, however, color is the only thing that must be set. I normally leave everything else on automatic and don't set a font size, this will let the links take on the font and size of the text that surrounds it.
 

After creating two:linked - Create two more custom styles:

two:visited

two:hover

If you need more then 2 styles, repeat the above and name  three:linked, three:visited, three:hover

Note: you must use two, three, four etc., if you use 2, 3, 4 etc., it will not work im NS7!

Now, any link in your site that you wish to apply this style to, just highlight the link, click link, click the html button on the property palette, then insert class="two" inside link tab.

This link has class="two" inserted

This link has class="three" inserted

This link has class="four" inserted

This link does not have class="2" inserted
 

 

Back to Index - Back to CSS Tips and Tricks - Anton's Homepage


|  Fusion  |  Web Design  |  Hosting  |  Resources  |  gotFusion Store  | 

Problems with this page?  

All content copyright © 2002 gotFusion LLC.  The name gotFusion and the gotFusion ® logo are registered trademarks of gotFusion LLC
Copyright, legal notice & privacy statement