GotFusion.com  Where your journey 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. This works in all releases of Internet Explorer, FireFox, and Opera.


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.

Versions 5 thought 10 use this method to apply this to links

Now, any link in your site that you wish to apply this style to, just highlight the link, click the link button, 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



Return to the TOP of this page

Did you find this tutorial useful?
Do you want to keep this resource online?
Make a donation to keep gotFusion alive


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

Problems with this page?  

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