Table of Contents
Introduction
Templates
Navigation
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.
|