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 3
    This example is the navigation interface used in the default template of the intranet at Idonex. The navigation interface consists of three different navigation tags, each defining different parts of the menu.

    Figure 1

    {navigation delimitabove maxwidth=120 width=120 transparent=white imgbase=/templates/img/}
    The navigation interface is defined:
    Delimit fields will be added above the text boxes instead of below.
    The width is set to 120 pixels.
    White objects and white areas in graphics will be transparent.
    Images should be found in /templates/img/.

    {textstyle font="gill_sans bold" scale=0.4 xspacing=5 yspacing=0}

    {boxstyle text middle bg=white fg=black}
    {boxstyle text middle selected bg=white fg=darkblue}
    {boxstyle text middle mouseover bg=white fg=darkred}

    {boxstyle text left bg=white fg=black alpha=menu-open.pnm height=13 width=15}
    {boxstyle text left selected bg=white fg=darkblue alpha=menu-open.pnm height=13 width=15}
    {boxstyle text left mouseover bg=white fg=darkred alpha=menu.pnm height=13 width=15}

    {boxstyle delimit left bg=white height=3}
    {boxstyle delimit middle bg=white}

    The appearances of the text and the boxes are defined.

    {sb-menu history}
    {/navigation}
    All previously visited levels in the menu structure will be displayed as menu items at the top of the menu.

    {navigation indent=10 transparent=white imgbase=/templates/img/}
    The second part of the navigation interface is defined. The main difference from the first part is that this one is indented 10 pixels compared to the previous.

    {textstyle font="gill_sans bold" scale=0.4 xspacing=5 yspacing=0}

    {boxstyle top left bg=white height=3}
    {boxstyle top middle bg=white height=3}

    {boxstyle text left bg=white fg=black alpha=menu.pnm height=13 width=15}
    {boxstyle text left selected bg=white fg=darkblue alpha=menu-open.pnm height=13 width=15}
    {boxstyle text left mouseover bg=white fg=darkred alpha=menu-open.pnm height=13 width=15}

    {boxstyle text middle bg=white fg=black}
    {boxstyle text middle selected bg=white fg=darkblue}
    {boxstyle text middle mouseover bg=white fg=darkred}

    {boxstyle delimit left bg=white height=3}
    {boxstyle delimit middle bg=white}

    The text and box apperances are defined exactly as in the first part.

    {sb-menu dirs}
    {/navigation}
    The second part creates menu items from the sub directories found in the current directory.

    {navigation indent=10 transparent=white imgbase=/templates/img/}

    {textstyle font="gill_sans bold" scale=0.4 xspacing=10 yspacing=0}

    {boxstyle top left bg=white height=3}
    {boxstyle top middle bg=white height=3}

    {boxstyle text left bg=white fg=black alpha=text.pnm height=13 width=10}
    {boxstyle text left selected bg=white fg=darkblue alpha=text.pnm height=13 width=10}
    {boxstyle text left mouseover bg=white fg=darkred alpha=text.pnm height=13 width=10}

    In this part the boxstyle tags are defined somewhat different compared to the previous ones. A picture symbol of a file will be displayed in front of the menu item.

    {boxstyle delimit left bg=white height=3}
    {boxstyle delimit middle bg=white}

    {boxstyle text middle bg=white fg=black}
    {boxstyle text middle selected bg=white fg=darkblue}
    {boxstyle text middle mouseover bg=white fg=darkred}

    The rest of the boxstyle tags are defined exactly as in the previous parts.

    {sb-menu type=text/html not=index.html}
    {/navigation}
    This part creates menu items from all text/html files, except "index.html", found in the current directory. The files must have the right file type set in its metadata.