Widget Tag
++HSUBNAVIMAGE++
What It Does
The ++HSUBNAVIMAGE++ widget creates a horizontal, graphical navigation bar for the subsections of your site. This widget is sensitive to the location of the page, so all of the pages of each main section display that section's subsections in the ++HSUBNAVIMAGE++ widget.
The ++HSUBNAVIMAGE++ widget highlights the subsection in which the user is currently located by using that subsection's horizontal rollover graphic. Other subsections in the menu highlight with their rollover graphics when the cursor passes over them.
A subsection is included in the navigation bar only if a horizontal navigation graphic has been loaded for the subsection from its section settings page in the section editor.
The Markup Results
The ++HSUBNAVIMAGE++ widget may be generated in one of two forms depending on your "Site Navigation" widget settings (see below).
- No table. The widget is an inline element that is not contained in an HTML tag. Each subsection graphic is enclosed in its own
<div>tag, with no space separating the graphics. - Table. The widget is a block element contained in a
<table>tag. Each subsection graphic is in its own cell of the table.
The rollover effect is generated by an external JavaScript file.
Templates Using This Widget
This widget may be used in the following types of page templates (note that ++HSUBNAVIMAGE++ widget is not available on the homepage):
- Main section page
- Subsection index page
- Article page
Customizing This Widget
Users with webmaster or administrator accounts may customize this widget in the "Site Navigation" panel of the widget editor. To get there, click the "Widget Settings" link in the left-column menu of the Big Medium control panel. The following settings affect the ++HSUBNAVIMAGE++ widget:
- Use tables for horizontal image-based subnavigation. This will use
<table>tags to format the++HSUBNAVIMAGE++widget.
The height and width attributes of horizontal navigation graphics are determined by the "Image Sizes" panel in the site's widget settings:
- Horizontal subnavigation image width. The width of the image in pixels.
- Horizontal subnavigation image height. The height of the image in pixels.
In addition, section editor settings determine whether individual subsections are included in the ++HSUBNAVIMAGE++ widget. For more information, check the section status help file.
Styles
The ++HSUBNAVIMAGE++ widget does not use any styles.
Need more help?
For further assistance and documentation, visit the website of Global Moxie, the developer behind Big Medium.