Navigationstemplates

Navigationstemplates werden gebraucht, wenn mit dem Navigationsaufruf eine Navigation ausgegeben wird. Diese Templates befinden sich üblicherweise im Verzeichnis /de/templates/nav/ (wobei /de/ je nach Einsatz des bitCMS natürlich variieren kann). Darin enthalten sind die einzelnen Definitionen derverschiedenen Navigationszustände und Stufen.
Grundsätzlich werden Template Definitionen in den Template Dateien immer von 2 gleichen Tags, dem Start- und Endtag, umschlossen.

Spacer

Zu Beginn einer Navigationstemplate Datei steht üblicherweise die Definition des Platzhalters, des sog. Spacers, der dann gebraucht wird, wenn Sie bei einem Navigationspunkt Spacer Werte angeben (s. Bild rechts).

<div class="spacer"><img src="{url}" width="{width}" height="{height}" border="0"></div>

Innerhalb der Spacer Definition stehen Ihnen 3 platzhalter zur Verfügung:

{url} Pfad zu einer transparentem .gif Grafik (ist vom System vorgegeben)
{width} Höhe, wie Sie sie beim Navigationspunkt Editieren ggf. angegeben haben
{height} Breite, wie Sie sie beim Navigationspunkt Editieren ggf. angegeben haben

Wenn Sie zB eine horizontale textbasierende Navigation haben, wäre auch vorstellbar, dass die Spacer Definition lediglich aus 3 Leerzeichen bestünde:   

Normaler Navigationszustand - IS

Zustand eines Navigationspunktes, wenn er weder gewählt noch offen oder beides zusammen ist:

<div class="nav1"><a href="{url}" target="{target}" class="aNav1">{name}</a></div>
{childlevel}
{spacer}
{samelevel}

Man beachte, dass die 1 die jeweilige Navigationsstufe (auch Level genannt) anzeigt. In allen Navigations-Zustandsdefinitionen stehen Ihnen folgende Platzhalter zur Vefügung:

{spacer} würde bei gesetzten Spacer Werten durch den oben definierten Spacer ersetzt werden
{url} eigentlicher Link des Navigationspunktes
{target} Zielframe/Fenster des Links
{name} Name des Navigationspunktes
{imgis} Pfad zum Bild im IS Zustand
{imgover} Pfad zum Bild im OVER Zustand
{imgselected} Pfad zum Bild im SELECTED Zustand
{childlevel} definiert, wo ein allfälliger Unterpunkt dieses Navigationspunktes hinkommt
{samelevel} definiert, wo der nächste gleichstufige Navigationspunkt hinkommt
{metatitle length "..."} bitCMS Metatitle der mit diesem Navigationspunkt verlinkten Datei. Mit dem Integer Wert length kann man optional die den Meta Title nach length Zeichen abschneiden und dann "..." anhängen.
{metadescription length "..."} bitCMS Metadescription der mit diesem Navigationspunkt verlinkten Datei. Mit dem Integer Wert length kann man optional die den Meta Title nach length Zeichen abschneiden und dann "..." anhängen.

Selbstverständlich ist es Ihnen selbst überlassen, wie sie einen Navigationszustand definieren wollen. Er muss nicht zwingend von einem <div> Tag umschlossen sein. Das Beispiel oben zeigt eine Definition eines textbasierende Navigationspunktes. Wollen Sie eine grafikbasierende Navigation, könnte die Definition etwa so aussehen:

<a href="{url}" target="{target}" class="aNav1"><img src="{imgis}" border="0" onMouseOver="this.src='{imgover}'" onMouseOut="this.src='{imgis}'"></a>
{spacer}
{childlevel}
{samelevel}


Geöffneter Navigationszustand - OPEN


<div class="nav1"><a href="{url}" target="{target}" class="aNav1Open">{name}</a></div>
{childlevel}
{spacer}
{samelevel}


Gewählter Navigationszustand - SELECTED


<div class="nav1"><a href="{url}" target="{target}" class="aNav1Selected">{name}</a></div>
{childlevel}
{spacer}
{samelevel}


Geöffneter & gewählter Navigationszustand - OPENSELECTED


<div class="nav1"><a href="{url}" target="{target}" class="aNav1OpenSelected">{name}</a></div>
{childlevel}
{spacer}
{samelevel}


Weitere Navigationsstufen

Die oben aufgeführten Definitionen, ausser der Spacer Definition, sind lediglich für den ersten Navigationslevel, also Level 1. Um nun die Level 2-5 zu definieren, gehen Sie genau gleich vor wie oben beschrieben, ändern lediglich jeweils die Zahl nach der Zustandsangabe, also zum Beispiel:
...



Alle Definitionen speichern Sie dann in ein und derselben Datei im /de/templates/nav/ Verzeichnis.