Color-coding Popup Links in HTML-based Help

In this month's tip, you learn how to "color-code" popup hyperlinks in RoboHelp HTML. The two links below are based on the <A> anchor element, and therefore appear blue, even though one of the links is a popup. Just by looking, you have no way to know which one is a jump and which one is a popup. Go ahead and click the links (you can click the Back button to return to this page).

This is a jump link

This is a popup link

Below are the same two hyperlinks, but now the popup link appears green.  This was accomplished by creating a new style class in the style sheet.

This is a jump link

This is a popup link

For WebHelp projects, the green color attribute appears automatically in the generated WebHelp system (not in the WYSIWYG Editor). All you have to do is add a single style class to the style sheet using Notepad, and then add a green Color attribute.  In HTML Help, you have to add the style class to the style sheet and then add a small amount of code to each of your popup hyperlinks. This month's tip shows you how!

Next, Adding a Style to the CSS file