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
Did you find this tutorial useful? Do you want to keep this resource online? Make a donation to keep gotFusion alive
|
|