Style Sheets

Open All  Close All  Locate  Move Previous  Move Next 


The style sheet classes used by iNavigate are listed below. The basic classes are initially contained in the iNavigate.css file, you may also copy these classes into your own style sheet.

If you change the names of these classes (Professional Edition only), you should also change the corresponding name in the menu.xsl file, to ensure that the generator creates HTML consistent with your changes.

Basic Style Sheet Classes

The iNavigate.css file contains the following style sheet classes, which may be modified to match your site color scheme and design:
  • iNavigateCaption
  • iNavigateItem
  • iNavigateCurrentPage

    [Professional Only]
  • iNavigateSiteMap
  • iNavigateJumpTop
  • iNavigateJumpMap
Different Style Sheet Classes for Menu Levels

Optionally, each level in your menu structure can have it's own distinctive appearance by means of corresponing style sheet classes for each level.

This applies to both iNavigate Menus themselves and to Site Maps.

This option may be selected from the Global Miscellaneous Settings dialog.

Within the iNavigate.css file, class names are associated with a specific level by appending the menu item level number, for example:

        iNavigateCaption1, iNavigateCaption2, iNavigateCaption3, etc

Class names for use on all levels do not have the level number, for example:

        iNavigateCaption

The following class names may be used with level numbers:
  • iNavigateCaption
  • iNavigateItem
  • iNavigateCurrentPage
  • iNavigateSiteMap