[Navigation]

Im Einstellungsbereich der Navigation finden sich alle Einstellungen, über die sich die Navigation beeinflussen lässt. Dazu gehört unter anderem die Farbe, Aussehen, Verhalten und verschiedene Darstellungsbereiche.


Typ

Die Einstellung Typ ermöglicht Ihnen die Auswahl verschiedener Darstellungsmöglichkeiten für den Hauptnavigationsbereich.

Typ 1 ist die Standard Navigation. Diese besteht aus einem farbigen Streifen, der sich unter dem Logo über die gesamte Breite der Webseite erstreckt. Auf diesem befinden sich die von Ihnen angelegten Hauptmenüpunkte.

Die Einstellung Off-Canvas-Menü deaktiviert das Hauptmenü und aktiviert das Seitenmenü, welches Sie sonst standardmäßig auf mobilen Endgeräten mit kleinerer Auflösung sehen.


Hintergrund

Mit der Einstellung Farbe des Navigationsbalkens kann man die Hintergrundfarbe der Haupt-Navigation des Typs 1 ändern.


Navigation 1. Ebene

Die Ebenen bilden die Tiefe der Hauptnavigation ab. Mit Navigation 1. Ebene sind die obersten Menüpunkte der Navigation im Kopfbereich der ifPage gemeint. Also die Menüpunkte, die bei einer Typ 1-Navigation dauerhaft am oberen Bildschirmrand zu sehen sind. Die Einstellungen beziehen sich ausschließlich auf die Typ 1-Navigation.

Mit den verschiedenen Optionen lassen sich die Farbwerte der Typ 1-Navigation für verschiedene Zustände anpassen. Neben der Einstellung für den Standardwert, gibt es noch die für Mouseover und für aktive Menüpunkte.

Unter Text- und Hintergrundfarbe der Menüpunkte lassen sich die Farbe des Textes und die Hintergrundfarbe der Menüpunkte im nicht aktivierten Zustand und wenn sich der Mauszeiger nicht darüber befinde definieren.

Mouseover ist der Zustand, bei dem sich die Maus gerade über dem betreffenden Menüpunkt befindet. Fährt die Maus über einen Menüpunkt, für den der Mouseover-Effekt der Hintergrundfarbe auf grün ist, so würde sich der Hintergrund des Menüpunktes beim darüberfahren auf grün ändern, solange sich die Maus über dem Menüpunkt befindet.

Die Farbeinstellung für die Farbe- und Hintergrundfarbe des aktiven Menüpunktes definiert welche Farbe ein Menüpunkt annehmen soll, wenn er aktiviert / angeklickt ist.


Navigation 2. Ebene

Die Navigation 2. Ebene beschreibt die Untermenüpunkte der Hauptnavigation. Wenn Sie einen Menüpunkt haben der "Aktuelles" heisst (entspricht 1. Ebene), unter dem sich weitere Menüpunkte wie "Regionales", "Internationales" oder "Internes" verbergen, so würden diese die 2. Ebene bilden.

Die 2. Ebene verhält sich in den Einstellungen wie die 1. Ebene und wirkt gleichzeitig auf alle Ebenen unterhalb der 2. Ebene.

Mit den verschiedenen Optionen lassen sich die Farbwerte der Navigation individuell für verschiedene Zustände anpassen. Neben den Einstellungen für den Standardwert, gibt es noch die für Mouseover und für aktive Zustände.

Unter Text- und Hintergrundfarbe der Menüpunkte lassen sich die Farbe des Textes und die Hintergrundfarbe der Menüpunkte im nicht aktivierten Zustand und wenn sich der Mauszeiger nicht darüber befinde definieren.

Mouseover ist der Zustand, bei dem sich die Maus gerade über dem betreffenden Menüpunkt befindet. Fährt die Maus über einen Menüpunkt, für den der Mouseover-Effekt der Hintergrundfarbe auf grün ist, so würde sich der Hintergrund des Menüpunktes beim darüberfahren auf grün ändern, solange sich die Maus über dem Menüpunkt befindet.

Die Farbeinstellung für die Farbe- und Hintergrundfarbe des aktiven Menüpunktes definiert welche Farbe ein Menüpunkt annehmen soll, wenn er aktiviert / angeklickt ist.


Icon-Menü

Das Icon-Menü beschreibt die schmale Navigation, die sich an oberster Position der Webseite befindet. Also noch über der Hauptnavigation und dem Logo. Wie die Hauptnavigation Typ 1 auch, erstreckt sich das Icon-Menü über die volle Breite der Webseite. Es dient in der Regel dazu, soziale Anlaufstellen, Kontaktdaten, das Impressum oder andere wichtige, aber nicht zu vordergründige Informationen anzulegen.

Die Inhalte für den Bereich Icon-Menü werden in einem Ordner im TYPO3-Backend gepflegt, wo diese wie ganz normale Seiten oder Weiterleitungen angelegt werden. Dieser lässt sich über die Option "Ordner mit Seiten" zuweisen / steuern.

Sie können dem Icon-Menü einen Rahmen geben und diesem dann eine Farbe zuweisen.

Über die Optionen Text- und die Hintergrundfarbe lassen sich die Farbe und die Hintergrundfarbe der einzelnen Einträge im Icon-Menü anpassen.

Darüber hinaus können die Text- und Hintergrundfarbe des Hinweises angepasst werden, der eingeblendet wird, wenn ein Nutzer mit der Maus darüber fährt.


Off-Canvas-Menü

Das Off-Canvas-Menü wird sichtbar, wenn Sie Ihre Webseite auf einem mobilen Endgerät betrachten (und dieses nicht über eine Laptop- / Desktop-ähnliche Auflösung verfügt). Das Off-Canvas-Menü ist auch das Menü, welches sich oben unter "TYP" standardmäßig aktivieren lässt.

In den Optionen können die Farbwerte das Off-Canvas-Menü betreffend angepasst werden.

Die Farbe des Öffnen / Schließen Knopfes gibt an, welche Farbe das Menü-Symbol (drei übereinander liegende Balken – auch "Burger"-Symbol genannt) haben soll, über welches sich das Menü öffnen und schließen lässt.

Die Einstellung Hintergrundfarbe definiert die Hintergrundfarbe des geöffneten Off-Canvas-Menüs.

Farbe der Menüpunkte steuert die Standardfarbe von Menüpunkten im Off-Canvas-Menü, die nicht aktiviert / geöffnet sind.

Farbe des aktiven Menüpunktes steuert wie gewohnt das Farbverhalten von Menüpunkten, die aktiviert / gerade geöffnet sind.