Das Menü
Je nach dem ob Sie ein eigenes Develop-System besitzen oder in einem zentral gemanagtem System arbeiten, können Sie das Menü auf unterschiedliche Art bearbeiten.
Sollten Sie in einem zentral gemanagtem System arbeiten, so müssen Sie mindestens die Rechte eines Chefredakteurs besitzen um das Menü zu verändern. Sie können dann das Menü über das Template für den Bereich ändern. Begeben Sie sich dazu in das Template-Menü. Dieses finden Sie im Hauptmenü unter Menüpunkt Struktur unter "Templates".
Wenn Sie sich im Template Ihrer jeweiligen Seite befinden, suchen Sie nach "<!-- Hier beginnt das deutsche Menü -->" bzw. nach "<!-- Hier beginnt das englische Menü -->". Dort fängt das Menü Ihrer Seite an.
Sollten Sie ein eigenes Develop-System besitzen, so können Sie das Menü für Ihre Seite in der "Codeinclude-Verwaltung" einrichten bzw. ändern. Dieses finden Sie im Hauptmenü unter Menüpunkt Struktur unter "Codeinclude-Dateien"
In der "Codeinclude-Verwaltung" sollte es in den meisten Fällen schon einen Eintrag mit menue.htms geben. Dort können Sie Ihr Menü dann ändern.
Ein Menü ist immer aus Listen aufgebaut. Das heißt ein Untermenü ist dementsprechend eine Liste innerhalb einer Liste.
Layout
Zunächst sollten Sie sich fragen: Wie soll das Menü auf welcher Seite aussehen?
Dazu sollten Sie am Anfang am besten einen Strukturbaum Ihrer Seite mit allen Unterseiten aufstellen um so einen Überblick zu erlangen.
Sie können so einfach festlegen welche Seiten bzw. Verzeichnisse welches Menü erhalten sollen.
Für das Layout gibt es drei Layout-Klassen: "hauptmenu-ausgeklapptueberschrift" "hauptmenu-ausgeklappt" und "ausgeklappt"
Nachfolgenden sind diese mit einem Beispiel aufgeführt.
Die Klasse "hauptmenu-ausgeklapptueberschrift" wurde für das Beispiel genutzt, welches auf der rechten Seite zu sehen ist.
Diese Klasse ist für die Hauptmenüpunkte gedacht und sollte immer für das Oberste Menü benutzt werden.
Code-Beispiel
Im Bild rechts, können Sie die Klasse "hauptmenu-ausgeklappt" sehen.
Alternativ zum obigen Beispiel können Sie die Menüunterpunkte eines Hauptmenüpunktes nicht nach rechts aufklappen, sondern nach unten.
Die Unterpunkte werden aber schon aufgeklappt beim Seitenaufruf angezeigt und nicht erst bei Mouseover.
Code-Beispiel
Auf der rechten Seite sehen Sie ein Beispiel für die Klasse "ausgeklappt".
Dabei werden die Menüunterpunkte eines Hauptmenüpunktes beim Mouseover nach rechts aufgeklappt.
Code-Beispiel
Das Bild, welches Sie auf der rechten Seite sehen können, zeigt ein Beispiel für ein Untermenü in einem Untermenü. Hier wurde ebenfalls die Klasse "hauptmenu-ausgeklappt" verwendet.
Code-Beispiel
Struktur
Damit Sie das Menü nun strukturieren können und somit festlegen wie das Menü auf welcher Seite auszusehen hat, müssen Sie mit Fallabfragen arbeiten.
Wie Fallabfragen aufgebaut sind und wie sie funktionieren, erfahren Sie hier.
Ein kurzes Beispiel:
Sie haben eine Seite und möchten, dass ein Hauptmenüpunkt auf der Startseite seine Untermenüpunkte nicht aufklappt, die Untermenüpunkte aber auf der jeweiligen Seite des Hauptmenüpunktes aufgeklappt werden.
Der Code dazu:
<ul>
<li><a href="/punkt1/index.html" class="hauptmenu-ausgeklapptueberschrift">Name
Punkt 1</a></li>
#IF ("<!--dirlevel:1-->" EQ "punkt1")
<ul class="hauptmenu-ausgeklappt">
<li><a href="punkt1_1">Unterverzeichnis 1.1</a></li>
</ul>
#ENDIF
<li><a href="/punkt2/index.html" class="hauptmenu-ausgeklapptueberschrift">Name
Punkt 2</a></li>
</ul>
Mit dirlevel:X können Sie auf den X-ten Teil des Verzeichnisses zugreifen.
Wenn Sie mehrere Verzeichnisse haben z.B. example.org/a/b/c/d/index.html können Sie mit dirlevel:1 auf a, dirlevel:2 auf b usw. zugreifen.
Im Gegensatz zu dirlevel:X greift XX-directory auf den kompletten Pfad zu. In diesem Fall auf "/a/b/c/d".
Weiterhin ist bei der Überprüfung zu beachten, dass dirlevel alles zwischen startenden "/" und schließenden "/" ausliest, XX-directory dagegen liest das startende "/" mit aus, aber das schließende "/" nicht.
Wenn Sie einen Gruppendienst besitzen, dann ist dirlevel:1 Ihr Stammverzeichnis.
Da sich das Stammverzeichnis nicht ändert, sollten Sie mit Ihren Überprüfungen bei dirlevel:2 starten.
Weitere Beispiele:
<div id="hauptmenu">
<ul>
<li><a href="/index.html.de"
class="hauptmenu-ausgeklapptueberschrift">Startseite</a></li>
<!-- Demo: Unterverzeichnis wird immer nach unten ausgeklappt -->
<li><a href="/verzeichnis1/index.html.de"
class="hauptmenu-ausgeklapptueberschrift">
Name Verzeichnis 1</a>
<ul class="hauptmenu-ausgeklappt">
<li><a href="/verzeichnis1/unterverzeichnis_a/index.html.de">
Unterverzeichnis A</a></li>
<li><a href="/verzeichnis1/unterverzeichnis_b/index.html.de">
Unterverzeichnis B</a></li>
<li><a href="/verzeichnis1/unterverzeichnis_c/index.html.de">
Unterverzeichnis C</a></li>
<li><a href="/verzeichnis1/unterverzeichnis_d/index.html.de">
Unterverzeichnis D</a></li>
<li><a href="/verzeichnis1/unterverzeichnis_e/index.html.de">
Unterverzeichnis E</a></li>
</ul>
</li>
<!-- Demo: Unterverzeichnis wird nach unten ausgeklappt
- im Hauptverzeichnis und
- in genau diesem Unterverzeichnis
sonst bei "mouseover" nach rechts angezeigt -->
<li><a href="/verzeichnis2/index.html.de"
class="ausgeklapptueberschrift">Name Verzeichnis 2</a>
#IF (("<!--dirlevel:1-->" EQ "verzeichnis2") OR ("<!--XX-directory-->" EQ
"<!--dirlevel:1-->"))
<ul class="hauptmenu-ausgeklappt">
#ELSE
<ul class="ausgeklappt">
#ENDIF
<li><a href="/verzeichnis2/unterverzeichnis_2a/index.html.de">
Unterverzeichnis 2A</a></li>
<li><a href="/verzeichnis2/unterverzeichnis_2b/index.html.de">
Unterverzeichnis 2B</a></li>
<li><a href="/verzeichnis2/unterverzeichnis_2c/index.html.de">
Unterverzeichnis 2C</a></li>
<li><a href="/verzeichnis2/unterverzeichnis_2d/index.html.de">
Unterverzeichnis 2D</a></li>
<li><a href="/verzeichnis2/unterverzeichnis_2e/index.html.de">
Unterverzeichnis 2E</a></li>
</ul>
</li>
<!-- Demo: Unterverzeichnis wird nach unten ausgeklappt
- im Hauptverzeichnis und
- in genau diesem Unterverzeichnis
sonst nicht angezeigt -->
<li><a href="/verzeichnis3/index.html.de"
class="hauptmenu-ausgeklapptueberschrift">
Name Verzeichnis 3</a>
#IF (("<!--dirlevel:1-->" EQ "verzeichnis3") OR ("<!--XX-directory-->"
EQ "/"))
<ul class="hauptmenu-ausgeklappt">
<li><a href="/verzeichnis3/unterverzeichnis_3a/index.html.de">
Unterverzeichnis 3A</a></li>
<li><a href="/verzeichnis3/unterverzeichnis_3b/index.html.de">
Unterverzeichnis 3B</a></li>
<li><a href="/verzeichnis3/unterverzeichnis_3c/index.html.de">
Unterverzeichnis 3C</a></li>
<li><a href="/verzeichnis3/unterverzeichnis_3d/index.html.de">
Unterverzeichnis 3D</a></li>
<li><a href="/verzeichnis3/unterverzeichnis_3e/index.html.de">
Unterverzeichnis 3E</a></li>
</ul>
#ENDIF
</li>
<li><a href="/kontakt.html.de"
class="hauptmenu-ausgeklapptueberschrift">Kontakt</a></li>
<li><a href="/impressum.html.de"
class="hauptmenu-ausgeklapptueberschrift">Impressum</a></li>
</ul>
</div>
Beispiel für Untermenü in Untermenü.
#IF ("<!--dirlevel:2-->" EQ "unterverzeichnis_a")
<li><a href="/verzeichnis1/unterverzeichnis_a/index.html.de"
class="aktivebox_ueberschrift">Unterverzeichnis A</a>
<ul class="hauptmenu-ausgeklappt">
<li>
<a href="/verzeichnis1/unterverzeichnis_a/unterverzeichnis_a_1/index.html.de">
Unterverzeichnis A1</a></li>
</ul>
</li>
#ELSE
<li><a href="/dienste/ressourcen/Index.html">Unterverzeichnis A</a></li>
#ENDIF