Table of Contents

  • Introduction
  • Templates
  • Navigation
    · Introduction
    · Basic Concept
    · <navigation>
    · <textstyle>
    · <boxstyle>
    · <mi>
    · Examples
    · Example 1
    · Example 2
    · Example 3
  • SiteBuilder Tags
  • Examples
  • References
  • Example 1
    This is an example of a very simple navigation menu.

    Figure 1
    Figure 1 shows how this navigation menu would look on a page with a background image.

    <navigation transparent=#cc9966 maxwidth=145 width=145 imgbase=/templates/img/ bg=#cc9966 quant=16>
    The navigation interface is defined:
    The width is set to 145 pixels.
    Images should be found in /templates/img/.
    Graphics should use a maximum of 16 colors.
    The background color is set and will be transparent to show the background image. Setting a background color like this will smooth differences between the colors in the background image and the menu items.

    <textstyle xspacing=2 yspacing=0 left scale=0.6 font="triplex black">
    The font is set to triplex black, the spacing and alignment of the text is defined.

    <boxstyle left text bg=#cc9966 >
    <boxstyle left text selected fg=black alpha=hexa.ppm width=21 alphainvert>
    <boxstyle left text mouseover bg=black alpha=hexa.ppm width=21 alphainvert>
    The appearance of the left side boxes is defined. The boxes are also defined to change appearance when an item is selected or when the mouse pointer is placed on it.

    <boxstyle middle text bg=#cc9966 fg=#000000>
    <boxstyle middle text selected bg=#cc9966 fg=#000000>
    <boxstyle middle text mouseover bg=#cc9966 fg=#000000>
    The appearance of the middle (text) boxes is defined.

    The right section boxes are not defined and will be left out, as well as the delimit sections.

    <sb-menu menu=top.menu>
    </navigation>
    The current directory will be searched for a file called top.menu and create the menu items from its content.