VIPlug Mega Menu

Hauptpunkte und Suche: Hintergrund

Gemeinsame Grundfarbe für Hauptpunkte und Suchbereich. Die eigenen Farbwerte unter Hauptnavigation und Suche erlauben anschließend eine getrennte Gestaltung.

Linke Leiste: Text

Grundschriftfarbe der linken Menüleiste. Bereichsspezifische Textfarben können diese Vorgabe überschreiben.

Aktiver Hauptpunkt: Text

Schriftfarbe hervorgehobener Hauptpunkte. Für einzelne aktive Zustände stehen zusätzlich eigene Farben in der Hauptnavigation bereit.

Mobile Navigation bis Bildschirmbreite (px)

Bis zu dieser Bildschirmbreite verwendet das Menü die mobile Navigation. Beispiel: 1100 bedeutet, dass auch schmale Desktopfenster in den mobilen Modus wechseln.

Eingabebereich: 768 bis 1600 (Einheit siehe Feldname)

Platz für die Seitenleiste reservieren

Reserviert im Seitenlayout Platz für die Menüleiste. Bei Ja wird der Inhalt neben dem Menü angeordnet; bei Nein kann das Menü über dem Seiteninhalt liegen.

Auswahl: Nein · Ja

YOOtheme-Header

Bestimmt, ob der ursprüngliche YOOtheme-Header sichtbar bleibt. Die Variante „darunter“ setzt das VIPlug-Menü unter die sichtbare Kopfzeile; „bisherige Position“ behält seine normale Position.

Auswahl: Sichtbar – bisherige Position · Ausblenden · Sichtbar – VIPlug-Menü darunter

Hinweis: Darunter berücksichtigt die sichtbare Headerhöhe auch beim Scrollen.

Mobile Menü-Schaltfläche: Hintergrund

Bestimmt die Hintergrundfarbe für „mobiler Menüschalter“. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Mobile Menü-Schaltfläche: Text

Bestimmt die Schrift- beziehungsweise Symbolfarbe für „mobiler Menüschalter“. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Z-Index

Legt die Stapelreihenfolge des gesamten Menüs fest. Ein höherer Wert kann das Menü über andere Elemente legen, sofern diese im gleichen CSS-Stapelkontext liegen.

Eingabebereich: 0 bis 2147483647 (Einheit siehe Feldname)

Hinweis: Ebene des gesamten Menüs einschließlich Hintergrund und Schaltern. Andere Overlays benötigen einen höheren Z-Index im selben Stapelkontext.

Verlauf unten / aktive Hauptpunkte

Untere Farbe des Menüverlaufs und gemeinsame Farbe aktiver Hauptpunkte. Zusammen mit der oberen Verlaufsfarbe entsteht ein Übergang.

Hinweis: Verlaufsfarbe unten; gilt auch für aktive Hauptpunkte.

Verlauf oben / aktive Hauptpunkte

Obere Farbe des Menüverlaufs. Gleiche obere und untere Farbe ergibt einen einfarbigen Verlauf.

Hinweis: Verlaufsfarbe oben; gilt auch für aktive Hauptpunkte.

Mit Mausberührung öffnen

Erlaubt das Öffnen von Hauptmenüpunkten beim Überfahren mit der Maus. Das Verhalten tieferer Untermenüs wird separat unter „Untermenüs öffnen“ festgelegt.

Auswahl: Nein · Ja

Megamenü öffnen und schließen

Wählt die Bewegung beim Öffnen und Schließen des Megamenüs. Eine dezente Einblendung verändert die Deckkraft; seitliches Herausfahren bewegt die Menüfläche.

Auswahl: Keine Animation · Seitlich herausfahren · Ein- und ausblenden · Von unten einschieben · Sanft vergrößern · Von links aufdecken

Animationsdauer (Millisekunden)

Bestimmt die Zeit für die Menüanimation in Millisekunden. 300 ms sind 0,3 Sekunden; 0 deaktiviert die Animation.

Eingabebereich: 0 bis 1500 (Einheit siehe Feldname)

Hinweis: Gilt für beide Animationen. 0 schaltet Animationen aus. Reduzierte Bewegung in den Systemeinstellungen wird berücksichtigt.

Voraussetzung / Zusammenspiel: Die Systemeinstellung für reduzierte Bewegung kann Animationen reduzieren oder ausschalten.

Bewegungsverlauf

Bestimmt, wie sich die Geschwindigkeit während einer Animation verändert. Gleichmäßig bewegt sich konstant; sanfte Varianten beschleunigen und bremsen.

Auswahl: Sanft auslaufen · Sanft starten und stoppen · Gleichmäßig

Voraussetzung / Zusammenspiel: Die Systemeinstellung für reduzierte Bewegung kann Animationen reduzieren oder ausschalten.

Menü beim Seitenstart einlaufen

Wählt den einmaligen Einlaufeffekt beim Laden der Seite. „Keine Animation“ zeigt das Menü ohne diesen Startübergang.

Auswahl: Keine Animation · Seitlich einfahren · Weich einblenden · Von unten einlaufen · Vergrößern

Voraussetzung / Zusammenspiel: Die Systemeinstellung für reduzierte Bewegung kann Animationen reduzieren oder ausschalten.

Einlaufen: Dauer (ms)

Dauer der einmaligen Startanimation in Millisekunden. Sie ist von der normalen Öffnungsanimation unabhängig.

Eingabebereich: 0 bis 3000 (Einheit siehe Feldname)

Voraussetzung / Zusammenspiel: Die Systemeinstellung für reduzierte Bewegung kann Animationen reduzieren oder ausschalten.

Einlaufen: Verzögerung (ms)

Wartezeit nach dem Seitenstart, bevor die Einlaufanimation beginnt. Ein hoher Wert lässt das Menü später erscheinen.

Eingabebereich: 0 bis 10000 (Einheit siehe Feldname)

Schatten der Seitenleiste

Schaltet den Schatten entlang der Seitenleiste ein oder aus. Farbe und Weichzeichnung werden mit den folgenden Feldern festgelegt.

Schaltertext: Schatten anzeigen

Schatten: Weichzeichnung (px)

Weichzeichnung für „Schatten der Seitenleiste“ in Pixeln. Größere Werte verteilen den Schatten weicher; kleine Werte erzeugen eine schärfere Kante. Der zugehörige Schatten muss eingeschaltet sein.

Eingabebereich: 0 bis 80 (Einheit siehe Feldname)

Voraussetzung / Zusammenspiel: Wird zusammen mit dem zugehörigen Schatten-Schalter verwendet.

Schattenfarbe

Bestimmt die Farbe und Transparenz des Schattens für „Schatten der Seitenleiste“. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Voraussetzung / Zusammenspiel: Wird zusammen mit dem zugehörigen Schatten-Schalter verwendet.

Hamburger im sichtbaren YOOtheme-Header

Ergänzt bei sichtbarem YOOtheme-Header einen Hamburger zum Öffnen und Schließen des VIPlug-Menüs. Dazu muss eine der sichtbaren Header-Varianten gewählt sein.

Schaltertext: VIPlug-Menü über Hamburger öffnen / schließen

Pfeilgriff bei aktivem Hamburger ausblenden

Blendet bei nutzbarem Header-Hamburger den zusätzlichen Pfeilgriff des Hauptmenüs aus. So erscheint nur ein Menüschalter; ist der Hamburger nicht erreichbar, bleibt die Bedienbarkeit über den Griff erhalten.

Schaltertext: Nur den Hamburger als Menüschalter anzeigen

Standard-Menülinks im Header

Entscheidet unabhängig vom Hamburger, ob die normalen Menülinks im Header erhalten bleiben. Zum Ersetzen der Linkleiste durch den Hamburger ausdrücklich „Ausblenden“ wählen. Andere Header-Inhalte können separat bestehen bleiben.

Auswahl: Vollständig anzeigen (Hamburger zusätzlich) · Bei Hamburger ausblenden

Hinweis: Der Hamburger ergänzt das vorhandene Menü. Ausblenden nur ausdrücklich wählen.

Logo im YOOtheme-Header ausblenden

Blendet das Logo im YOOtheme-Header aus. Das Logo innerhalb des VIPlug-Menüs hat eine eigene Einstellung.

Logo im VIPlug-Menü ausblenden

Blendet den Logo-Bereich des VIPlug-Menüs aus und gibt dessen Platz frei. Das Header-Logo wird davon unabhängig gesteuert.

Eigener Header-Schatten

Aktiviert einen eigenen Schatten am YOOtheme-Header. Die folgenden Felder bestimmen dessen Aussehen.

Schaltertext: Header-Schatten aktivieren (aus = kein Schatten)

Header-Schatten: Weichzeichnung (px)

Weichzeichnung für „Schatten des YOOtheme-Headers“ in Pixeln. Größere Werte verteilen den Schatten weicher; kleine Werte erzeugen eine schärfere Kante. Der zugehörige Schatten muss eingeschaltet sein.

Eingabebereich: 0 bis 80 (Einheit siehe Feldname)

Voraussetzung / Zusammenspiel: Wird zusammen mit dem zugehörigen Schatten-Schalter verwendet.

Header-Schatten: Farbe

Bestimmt die Farbe und Transparenz des Schattens für „Schatten des YOOtheme-Headers“. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Voraussetzung / Zusammenspiel: Wird zusammen mit dem zugehörigen Schatten-Schalter verwendet.

B – Hauptmenü mit Logo und unterer Fläche: Breite in px

Breite B der Hauptmenüleiste in Pixeln. Logo und untere Inhaltsfläche richten sich nach dieser Breite; die Untermenüspalten besitzen eigene Breiten.

Eingabebereich: 120 bis 600 (Einheit siehe Feldname)

Quelle der Hauptnavigation

Wählt die Herkunft der Hauptpunkte. Automatisch bevorzugt das ausgewählte Joomla-Menü. „Eigene Hauptpunkte“ verwendet gezielt die Inhalts-Einträge des Builders.

Auswahl: Automatisch – gewähltes Joomla-Menü hat Vorrang · Joomla-Menü · Eigene Hauptpunkte aus den Inhalts-Einträgen

Hinweis: Eigene Beispiel-Hauptpunkte überschreiben ein zentral ausgewähltes Joomla-Menü nicht mehr. Mit Eigene Hauptpunkte können Sie sie gezielt verwenden.

Joomla-Menü

Wählt das Joomla-Menü aus, dessen Hierarchie dargestellt wird. Ebene 1 bildet die Hauptnavigation, Ebene 2 die erste Untermenüspalte und tiefere Ebenen die Themenspalte.

Auswahl: Bitte auswählen

Hinweis: Ebene 1: linke Leiste. Ebene 2: blaue Spalte. Ebene 3 und tiefer: mittlere Themenspalte.

Menü anzeigen

Aktiviert oder deaktiviert die Anzeige des Menüs. Zum Bearbeiten von Farben und Inhalten muss die Ausgabe selbst eingeschaltet sein.

Auswahl: Nein · Ja

Menüposition

Platziert die Menüleiste links oder rechts am Bildschirm. Die Untermenüflächen öffnen sich passend zur gewählten Seite.

Auswahl: Links · Rechts

Icon-Größe (px)

Symbol- beziehungsweise Pfeilgröße für „Hauptmenüpunkte“ in Pixeln. Größere Werte verstärken die Hervorhebung und benötigen mehr Platz.

Eingabebereich: 12 bis 40 (Einheit siehe Feldname)

Linke Leiste, Logo und Service: Hintergrund

Grundhintergrund der Hauptmenüleiste einschließlich Logo- und Servicebereich. Eigene Hintergründe einzelner Bereiche können darüber liegen.

Joomla-Suche anzeigen

Zeigt das Joomla-Suchfeld im Menü an. Die Suchfunktion nutzt Smart Search und benötigt einen aufgebauten Joomla-Suchindex.

Auswahl: Nein · Ja

Hinweis: Verwendet Smart Search / com_finder. Suchindex in Joomla einrichten.

Beschriftung des mobilen Menüschalters

Text des mobilen Menüschalters, zum Beispiel „Menü“. Ein kurzer Begriff hält den Schalter auf kleinen Bildschirmen kompakt.

Dynamischer Inhalt: Kann statt eines festen Werts eine dynamische Quelle verwenden. Der angezeigte Wert kommt dann aus dieser Quelle.

Beschriftung des Suchfelds

Beschriftung des Suchfelds, zum Beispiel „Suche“. Bei dynamischer Zuweisung stammt der Text aus der ausgewählten Quelle.

Dynamischer Inhalt: Kann statt eines festen Werts eine dynamische Quelle verwenden. Der angezeigte Wert kommt dann aus dieser Quelle.

Aktiver Menüpunkt: Hintergrund

Bestimmt die Hintergrundfarbe für „aktiver Hauptmenüpunkt“ im aktiven Zustand. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Aktiver Menüpunkt: Schriftfarbe

Bestimmt die Schrift- beziehungsweise Symbolfarbe für „aktiver Hauptmenüpunkt“ im aktiven Zustand. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Aktiver Menüpunkt: Schriftgröße (px, 0 = übernehmen)

Schriftgröße für „aktiver Hauptmenüpunkt“ in Pixeln. Größere Werte verstärken die Hervorhebung und benötigen mehr Platz. Bei 0 wird die normale Menüschriftgröße übernommen.

Eingabebereich: 0 bis 40 (Einheit siehe Feldname)

Hinweis: 0 = Schriftgröße des Menüs übernehmen. Ein Wert größer als 0 legt die Größe in Pixeln fest.

Aktiver Menüpunkt: Schriftstärke

Schriftstärke für „aktiver Hauptmenüpunkt“. Normal wirkt zurückhaltend, eine fette Schrift hebt den aktiven Eintrag hervor, ohne seine Schriftgröße zu ändern.

Auswahl: Normal · Mittel · Halbfett · Fett

Aktiver Menüpunkt: Schriftstil

Schriftstil für „aktiver Hauptmenüpunkt“. Normal lässt die Schrift aufrecht; kursiv hebt sie durch geneigte Buchstaben hervor.

Auswahl: Normal · Kursiv

Lange Menüpunkte beim Überfahren scrollen

Lässt abgeschnittene lange Menütexte beim Überfahren laufen, damit der vollständige Titel lesbar wird.

Auswahl: Ja · Nein

Textlauf: Pixel pro Sekunde

Geschwindigkeit des laufenden Menütexts in Pixeln pro Sekunde. Größere Werte bewegen den Text schneller.

Eingabebereich: 15 bis 150 (Einheit siehe Feldname)

Hauptmenü: Icons verwenden

Übernimmt Icons aus den Menüeinträgen, verwendet individuell zugeordnete Hauptpunkt-Icons oder verzichtet auf Icons. Die individuelle Zuordnung erfolgt im Inhalt des Elements.

Auswahl: Icons aus den Menüeinträgen · Eigene Icons pro Menüpunkt · Keine Icons

Hinweis: Standard übernimmt die in YOOtheme für den jeweiligen Joomla-Menüpunkt hinterlegten Icons/Bilder. Individuell verwendet Ihre Einträge unter Inhalt → Hauptnavigation → Icons je Hauptmenüpunkt. Ohne hinterlegtes Icon bleibt der Platz frei.

Icon bei geöffnetem Menü

Symbol auf dem Schalter bei geöffneter Fläche. Wählen Sie beispielsweise einen nach innen gerichteten Pfeil als Hinweis auf das Einklappen.

Auswahl: Pfeil nach innen · Pfeil nach außen · Doppelpfeil nach innen · Doppelpfeil nach außen · Hamburger-Menü · Schließen-Kreuz · Haus · Globus

Icon bei eingeklapptem Menü

Symbol auf dem Schalter bei eingeklappter Fläche. Ein nach außen gerichteter Pfeil kann anzeigen, dass sich die Fläche öffnen lässt.

Auswahl: Pfeil nach innen · Pfeil nach außen · Doppelpfeil nach innen · Doppelpfeil nach außen · Hamburger-Menü · Schließen-Kreuz · Haus · Globus

Griff: Hintergrund

Bestimmt die Hintergrundfarbe für „Hauptmenügriff“. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Griff: Icon-Farbe

Bestimmt die Schrift- beziehungsweise Symbolfarbe für „Hauptmenügriff“. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Griff bei Mausberührung: Hintergrund

Bestimmt die Hintergrundfarbe für „Hauptmenügriff“ beim Überfahren mit der Maus. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Griff bei Mausberührung: Icon-Farbe

Bestimmt die Schrift- beziehungsweise Symbolfarbe für „Hauptmenügriff“ beim Überfahren mit der Maus. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Menüschalter: Breite (px)

Breite für „Hauptmenügriff“ in Pixeln. Größere Werte schaffen mehr horizontalen Platz, benötigen aber entsprechend mehr Raum neben dem Menü.

Eingabebereich: 32 bis 90 (Einheit siehe Feldname)

Menüschalter: Höhe (px)

Höhe für „Hauptmenügriff“ in Pixeln. Größere Werte vergrößern die bedienbare Fläche in vertikaler Richtung.

Eingabebereich: 32 bis 120 (Einheit siehe Feldname)

Menüschalter: Abstand vom oberen Bildschirmrand (px)

Abstand von „Hauptmenügriff“ zum oberen Rand in Pixeln. Damit verschieben Sie die Schalterposition entlang des Menürands.

Eingabebereich: 0 bis 600 (Einheit siehe Feldname)

Menüschalter: Eckenrundung (px)

Eckenrundung für „Hauptmenügriff“ in Pixeln. 0 ergibt eckige Kanten; beispielsweise 8 px erzeugt eine leichte Rundung.

Eingabebereich: 0 bis 40 (Einheit siehe Feldname)

Menüschalter oben: Schatten (px)

Stärke beziehungsweise Ausdehnung des Schattens für „Hauptmenügriff“ in Pixeln. 0 entfernt diesen Schatten, höhere Werte heben das Element stärker vom Hintergrund ab.

Eingabebereich: 0 bis 60 (Einheit siehe Feldname)

Menüschalter oben: Pfeilgröße (px)

Symbol- beziehungsweise Pfeilgröße für „Hauptmenügriff“ in Pixeln. Größere Werte verstärken die Hervorhebung und benötigen mehr Platz.

Eingabebereich: 10 bis 60 (Einheit siehe Feldname)

Menüschalter oben: Hover-Effekt

Animation für „Hauptmenügriff“. Der gewählte Effekt verändert beim Erscheinen oder Überfahren beispielsweise Deckkraft, Größe oder Position. Bei Link-Vorschauen bezeichnet eine Richtung beim Erscheinen die Herkunft und beim Ausblenden das Bewegungsziel.

Auswahl: Keiner · Vergrößern · Nachfedern · Nach außen gleiten · Sanft einblenden

Voraussetzung / Zusammenspiel: Die Systemeinstellung für reduzierte Bewegung kann Animationen reduzieren oder ausschalten.

Menüschalter oben: Effektdauer (ms)

Dauer der Animation für „Hauptmenügriff“ in Millisekunden. 250 ms entsprechen einer Viertelsekunde; größere Werte verlängern die Bewegung. Die gewählte Animation muss aktiv sein.

Eingabebereich: 0 bis 2000 (Einheit siehe Feldname)

Voraussetzung / Zusammenspiel: Die Systemeinstellung für reduzierte Bewegung kann Animationen reduzieren oder ausschalten.

Pfeile bei Hauptpunkten mit Untermenü

Legt fest, wann Hinweise auf Untermenüs an Hauptpunkten erscheinen. Die Einstellung betrifft die Erkennbarkeit der Untermenüs, nicht deren Inhalte.

Auswahl: Immer anzeigen · Nur bei Mouseover / Tastaturfokus · Ausblenden

Position der Suche

Verschiebt die Suche innerhalb der Hauptmenüleiste. Oben steht sie unter dem Logo; die untere Position ordnet sie weiter unten in der Leiste an.

Auswahl: Oben unter dem Logo · Unten unter den Service-Kacheln

Hauptmenü: Normal – Hintergrund

Bestimmt die Hintergrundfarbe für „Hauptnavigation“. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Hauptmenü: Normal – Schriftfarbe

Bestimmt die Schrift- beziehungsweise Symbolfarbe für „Hauptnavigation“. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Hauptmenü: Mouseover – Hintergrund

Bestimmt die Hintergrundfarbe für „Hauptnavigation“ beim Überfahren mit der Maus. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Hauptmenü: Mouseover – Schriftfarbe

Bestimmt die Schrift- beziehungsweise Symbolfarbe für „Hauptnavigation“ beim Überfahren mit der Maus. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Service-Kacheln: Normal – Hintergrund

Bestimmt die Hintergrundfarbe für „Service-Kacheln“. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Service-Kacheln: Normal – Schriftfarbe

Bestimmt die Schrift- beziehungsweise Symbolfarbe für „Service-Kacheln“. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Service-Kacheln: Mouseover – Hintergrund

Bestimmt die Hintergrundfarbe für „Service-Kacheln“ beim Überfahren mit der Maus. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Service-Kacheln: Mouseover – Schriftfarbe

Bestimmt die Schrift- beziehungsweise Symbolfarbe für „Service-Kacheln“ beim Überfahren mit der Maus. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Service-Kacheln: Aktiv – Hintergrund

Bestimmt die Hintergrundfarbe für „Service-Kacheln“ im aktiven Zustand. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Service-Kacheln: Aktiv – Schriftfarbe

Bestimmt die Schrift- beziehungsweise Symbolfarbe für „Service-Kacheln“ im aktiven Zustand. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Hauptmenü: Abstand oben (px)

Außenabstand oberhalb des Bereichs „Hauptnavigation“. Er trennt diesen Bereich vom benachbarten Inhalt. 0 entfernt den Abstand; beispielsweise 12 px schafft einen sichtbaren Zwischenraum.

Eingabebereich: 0 bis 200 (Einheit siehe Feldname)

Hinweis: Außenabstand. 0 entfernt den Abstand.

Hauptmenü: Abstand unten (px)

Außenabstand unterhalb des Bereichs „Hauptnavigation“. Er trennt diesen Bereich vom benachbarten Inhalt. 0 entfernt den Abstand; beispielsweise 12 px schafft einen sichtbaren Zwischenraum.

Eingabebereich: 0 bis 200 (Einheit siehe Feldname)

Hinweis: Außenabstand. 0 entfernt den Abstand.

Service-Kacheln: Abstand oben (px)

Außenabstand oberhalb des Bereichs „Service-Kacheln“. Er trennt diesen Bereich vom benachbarten Inhalt. 0 entfernt den Abstand; beispielsweise 12 px schafft einen sichtbaren Zwischenraum.

Eingabebereich: 0 bis 200 (Einheit siehe Feldname)

Hinweis: Außenabstand. 0 entfernt den Abstand.

Service-Kacheln: Abstand unten (px)

Außenabstand unterhalb des Bereichs „Service-Kacheln“. Er trennt diesen Bereich vom benachbarten Inhalt. 0 entfernt den Abstand; beispielsweise 12 px schafft einen sichtbaren Zwischenraum.

Eingabebereich: 0 bis 200 (Einheit siehe Feldname)

Hinweis: Außenabstand. 0 entfernt den Abstand.

Untermenü-Höhe

Lässt die Untermenühöhe dem Inhalt folgen oder verwendet die vorgegebene Mindesthöhe. Automatisch ist hilfreich, wenn kurze Menüs keine große leere Fläche erhalten sollen.

Auswahl: Automatisch nach Inhalt · Vorgegebene Mindesthöhe

Hinweis: Automatisch vermeidet leere Höhen und unnötige Scrollbalken. Nur wenn der tatsächliche Inhalt höher als das Browserfenster ist, bleibt Scrollen möglich.

C – Erste Untermenüspalte (blau): Breite in px

Gewünschte Breite C der ersten Untermenüspalte. Bei wenig Platz werden die Untermenüspalten gemeinsam proportional verkleinert.

Eingabebereich: 100 bis 1000 (Einheit siehe Feldname)

Hinweis: Gewünschte Desktopbreite. Bei zu wenig Bildschirmplatz werden die drei Untermenüspalten gemeinsam proportional verkleinert.

Übersicht

Gemeinsame Beschriftung des Übersichtslinks in einem Menübereich. Eine individuelle Beschriftung am Menüpunkt kann diese Vorgabe ersetzen.

Dynamischer Inhalt: Kann statt eines festen Werts eine dynamische Quelle verwenden. Der angezeigte Wert kommt dann aus dieser Quelle.

Erste Untermenüspalte: Text

Bestimmt die Schrift- beziehungsweise Symbolfarbe für „erste Untermenüspalte“. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Erste Untermenüspalte: Trennlinien

Farbe der Trennlinien in der ersten Untermenüspalte.

Megamenü-Mindesthöhe (px)

Mindesthöhe des geöffneten Megamenüs bei vorgegebener Höhe. Die automatische Höhenvariante orientiert sich stattdessen am Inhalt.

Eingabebereich: 360 bis 1000 (Einheit siehe Feldname)

Abdunklung hinter dem Menü

Farbe der Abdunklungsfläche hinter dem geöffneten Menü. Die Deckkraft wird getrennt über die Stärke der Abdunklung geregelt.

Stärke der Abdunklung (%)

Stärke der Abdunklung in Prozent. 0 lässt den Hintergrund sichtbar; höhere Werte trennen das geöffnete Menü stärker vom Seiteninhalt.

Eingabebereich: 0 bis 100 (Einheit siehe Feldname)

Schließen

Textliche Bezeichnung der Schließen-Funktion, auch für die zugängliche Bedienung. Das sichtbare Schließen-Symbol bleibt ein eigener Bestandteil.

Dynamischer Inhalt: Kann statt eines festen Werts eine dynamische Quelle verwenden. Der angezeigte Wert kommt dann aus dieser Quelle.

Schließen-Symbol

Bestimmt die Schrift- beziehungsweise Symbolfarbe für „Schließen-Symbol“. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Aktiver Menüpunkt: Hintergrund

Bestimmt die Hintergrundfarbe für „aktiver Punkt der ersten Untermenüspalte“ im aktiven Zustand. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Aktiver Menüpunkt: Schriftfarbe

Bestimmt die Schrift- beziehungsweise Symbolfarbe für „aktiver Punkt der ersten Untermenüspalte“ im aktiven Zustand. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Aktiver Menüpunkt: Schriftgröße (px, 0 = übernehmen)

Schriftgröße für „aktiver Punkt der ersten Untermenüspalte“ in Pixeln. Größere Werte verstärken die Hervorhebung und benötigen mehr Platz. Bei 0 wird die normale Menüschriftgröße übernommen.

Eingabebereich: 0 bis 40 (Einheit siehe Feldname)

Hinweis: 0 = Schriftgröße des Menüs übernehmen. Ein Wert größer als 0 legt die Größe in Pixeln fest.

Aktiver Menüpunkt: Schriftstärke

Schriftstärke für „aktiver Punkt der ersten Untermenüspalte“. Normal wirkt zurückhaltend, eine fette Schrift hebt den aktiven Eintrag hervor, ohne seine Schriftgröße zu ändern.

Auswahl: Normal · Mittel · Halbfett · Fett

Aktiver Menüpunkt: Schriftstil

Schriftstil für „aktiver Punkt der ersten Untermenüspalte“. Normal lässt die Schrift aufrecht; kursiv hebt sie durch geneigte Buchstaben hervor.

Auswahl: Normal · Kursiv

Untermenü-Pfeil

Wählt das Symbol für Punkte mit einer weiteren Untermenüebene. Es macht die zusätzliche Ebene auch ohne Mouseover erkennbar.

Auswahl: Doppelpfeil » · Einfacher Pfeil › · Linienpfeil →

Hinweis: Wird bei Punkten mit weiteren Untermenüs immer angezeigt, auch ohne Mouseover.

Untermenüs öffnen

Bestimmt, ob tiefere Untermenüs per Mouseover oder Klick geöffnet werden. Der Pfeil bleibt anklickbar; der Textlink kann weiterhin zur Zielseite führen.

Auswahl: Mouseover oder Klick · Nur Klick

Hinweis: Unabhängig vom Hauptmenü: Mouseover über Zeile oder Pfeil öffnet das Untermenü. Klick auf den Pfeil funktioniert immer, auch auf Touchgeräten. Der Textlink öffnet weiterhin die verlinkte Seite.

Erste Untermenüspalte: Mouseover – Hintergrund

Bestimmt die Hintergrundfarbe für „erste Untermenüspalte“ beim Überfahren mit der Maus. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Erste Untermenüspalte: Mouseover – Schriftfarbe

Bestimmt die Schrift- beziehungsweise Symbolfarbe für „erste Untermenüspalte“ beim Überfahren mit der Maus. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

D – Zweite Untermenüspalte: Breite in px

Gewünschte Breite D der mittleren Themenspalte. Mehr Breite schafft Platz für längere Schnelllinks; auf engen Bildschirmen wird proportional angepasst.

Eingabebereich: 100 bis 1000 (Einheit siehe Feldname)

Hinweis: Gewünschte Desktopbreite. Bei zu wenig Bildschirmplatz werden die drei Untermenüspalten gemeinsam proportional verkleinert.

Themenspalte: Hintergrund

Bestimmt die Hintergrundfarbe für „zweite Untermenüspalte“. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Themenspalte: Text

Bestimmt die Schrift- beziehungsweise Symbolfarbe für „zweite Untermenüspalte“. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Wechsel der mittleren Untermenüspalte

Wählt den Übergang beim Wechsel der mittleren Untermenüspalte. Die Dauer wird über die gemeinsamen Animationseinstellungen gesteuert.

Auswahl: Keine Animation · Seitlich herausfahren · Ein- und ausblenden · Von unten einschieben · Sanft vergrößern · Von links aufdecken

Pfeile und Tastatur-Fokus

Farbe von Navigationspfeilen und sichtbarem Tastaturfokus. Eine gut erkennbare Farbe erleichtert die Orientierung beim Bedienen mit der Tastatur.

Allgemeine Trennlinien

Farbe der allgemeinen Trennlinien zwischen Menübereichen und Einträgen.

Aktiver Menüpunkt: Hintergrund

Bestimmt die Hintergrundfarbe für „aktiver Punkt der zweiten Untermenüspalte“ im aktiven Zustand. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Aktiver Menüpunkt: Schriftfarbe

Bestimmt die Schrift- beziehungsweise Symbolfarbe für „aktiver Punkt der zweiten Untermenüspalte“ im aktiven Zustand. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Aktiver Menüpunkt: Schriftgröße (px, 0 = übernehmen)

Schriftgröße für „aktiver Punkt der zweiten Untermenüspalte“ in Pixeln. Größere Werte verstärken die Hervorhebung und benötigen mehr Platz. Bei 0 wird die normale Menüschriftgröße übernommen.

Eingabebereich: 0 bis 40 (Einheit siehe Feldname)

Hinweis: 0 = Schriftgröße des Menüs übernehmen. Ein Wert größer als 0 legt die Größe in Pixeln fest.

Aktiver Menüpunkt: Schriftstärke

Schriftstärke für „aktiver Punkt der zweiten Untermenüspalte“. Normal wirkt zurückhaltend, eine fette Schrift hebt den aktiven Eintrag hervor, ohne seine Schriftgröße zu ändern.

Auswahl: Normal · Mittel · Halbfett · Fett

Aktiver Menüpunkt: Schriftstil

Schriftstil für „aktiver Punkt der zweiten Untermenüspalte“. Normal lässt die Schrift aufrecht; kursiv hebt sie durch geneigte Buchstaben hervor.

Auswahl: Normal · Kursiv

Zweite Untermenüspalte: Mouseover – Hintergrund

Bestimmt die Hintergrundfarbe für „zweite Untermenüspalte“ beim Überfahren mit der Maus. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Zweite Untermenüspalte: Mouseover – Schriftfarbe

Bestimmt die Schrift- beziehungsweise Symbolfarbe für „zweite Untermenüspalte“ beim Überfahren mit der Maus. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Innenabstand oben (px)

Legt den Innenabstand oben im Bereich „zweite Untermenüspalte“ fest. Der Wert schafft Platz zwischen Rand und Inhalt. Beispiel: 20 px rückt den Inhalt um 20 Pixel vom betreffenden Rand ab; 0 entfernt diesen zusätzlichen Innenabstand.

Eingabebereich: 0 bis 200 (Einheit siehe Feldname)

Innenabstand rechts (px)

Legt den Innenabstand rechts im Bereich „zweite Untermenüspalte“ fest. Der Wert schafft Platz zwischen Rand und Inhalt. Beispiel: 20 px rückt den Inhalt um 20 Pixel vom betreffenden Rand ab; 0 entfernt diesen zusätzlichen Innenabstand.

Eingabebereich: 0 bis 200 (Einheit siehe Feldname)

Innenabstand unten (px)

Legt den Innenabstand unten im Bereich „zweite Untermenüspalte“ fest. Der Wert schafft Platz zwischen Rand und Inhalt. Beispiel: 20 px rückt den Inhalt um 20 Pixel vom betreffenden Rand ab; 0 entfernt diesen zusätzlichen Innenabstand.

Eingabebereich: 0 bis 200 (Einheit siehe Feldname)

Innenabstand links (px)

Legt den Innenabstand links im Bereich „zweite Untermenüspalte“ fest. Der Wert schafft Platz zwischen Rand und Inhalt. Beispiel: 20 px rückt den Inhalt um 20 Pixel vom betreffenden Rand ab; 0 entfernt diesen zusätzlichen Innenabstand.

Eingabebereich: 0 bis 200 (Einheit siehe Feldname)

E – Rechte Zusatzfläche / Bild: Breite in px

Gewünschte Breite E der Zusatzfläche für Bild oder ergänzende Inhalte. Diese Breite zählt zur gesamten geöffneten Menübreite.

Eingabebereich: 100 bis 1000 (Einheit siehe Feldname)

Hinweis: Gewünschte Desktopbreite. Bei zu wenig Bildschirmplatz werden die drei Untermenüspalten gemeinsam proportional verkleinert.

Teaserspalte: Hintergrund

Bestimmt die Hintergrundfarbe für „Teaserspalte“. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Teaserspalte: Text

Bestimmt die Schrift- beziehungsweise Symbolfarbe für „Teaserspalte“. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Schnelllinks und Ergänzungen: Hintergrund

Bestimmt die Hintergrundfarbe für „Inhalts- und Schnelllink-Boxen“. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Hinweis: Gemeinsame Hintergrundfarbe der Inhaltsboxen und Schnelllink-Boxen.

Schnelllinks und Ergänzungen: Text

Bestimmt die Schrift- beziehungsweise Symbolfarbe für „Inhalts- und Schnelllink-Boxen“. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Hinweis: Gemeinsame Textfarbe der Inhaltsboxen und Schnelllink-Boxen.

Innenabstand oben (px)

Legt den Innenabstand oben im Bereich „Zusatzfläche / Bild“ fest. Der Wert schafft Platz zwischen Rand und Inhalt. Beispiel: 20 px rückt den Inhalt um 20 Pixel vom betreffenden Rand ab; 0 entfernt diesen zusätzlichen Innenabstand.

Eingabebereich: 0 bis 200 (Einheit siehe Feldname)

Innenabstand rechts (px)

Legt den Innenabstand rechts im Bereich „Zusatzfläche / Bild“ fest. Der Wert schafft Platz zwischen Rand und Inhalt. Beispiel: 20 px rückt den Inhalt um 20 Pixel vom betreffenden Rand ab; 0 entfernt diesen zusätzlichen Innenabstand.

Eingabebereich: 0 bis 200 (Einheit siehe Feldname)

Innenabstand unten (px)

Legt den Innenabstand unten im Bereich „Zusatzfläche / Bild“ fest. Der Wert schafft Platz zwischen Rand und Inhalt. Beispiel: 20 px rückt den Inhalt um 20 Pixel vom betreffenden Rand ab; 0 entfernt diesen zusätzlichen Innenabstand.

Eingabebereich: 0 bis 200 (Einheit siehe Feldname)

Innenabstand links (px)

Legt den Innenabstand links im Bereich „Zusatzfläche / Bild“ fest. Der Wert schafft Platz zwischen Rand und Inhalt. Beispiel: 20 px rückt den Inhalt um 20 Pixel vom betreffenden Rand ab; 0 entfernt diesen zusätzlichen Innenabstand.

Eingabebereich: 0 bis 200 (Einheit siehe Feldname)

X: Position

Platziert das Schließen-X innerhalb oder außerhalb der Menüfläche. Außen benötigt daneben ausreichend freien Platz.

Auswahl: Innen · Außen

X: Abstand zum Rand (px)

Abstand des Schließen-X zum Rand in Pixeln. Größere Werte rücken das Symbol weiter vom Rand weg.

Eingabebereich: 0 bis 80 (Einheit siehe Feldname)

Anzeigen

Zeigt den Bereich „Fläche unter dem Menü“ an oder blendet ihn aus. Die Inhalte werden separat unter Inhalt im zugehörigen Bereich erstellt; dieser Schalter bestimmt ihre Sichtbarkeit.

Auswahl: Ja · Nein

Hintergrund

Bestimmt die Hintergrundfarbe für „Fläche unter dem Menü“. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Textfarbe

Bestimmt die Schrift- beziehungsweise Symbolfarbe für „Fläche unter dem Menü“. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Innenabstand oben (px)

Legt den Innenabstand oben im Bereich „Fläche unter dem Menü“ fest. Der Wert schafft Platz zwischen Rand und Inhalt. Beispiel: 20 px rückt den Inhalt um 20 Pixel vom betreffenden Rand ab; 0 entfernt diesen zusätzlichen Innenabstand.

Eingabebereich: 0 bis 200 (Einheit siehe Feldname)

Innenabstand rechts (px)

Legt den Innenabstand rechts im Bereich „Fläche unter dem Menü“ fest. Der Wert schafft Platz zwischen Rand und Inhalt. Beispiel: 20 px rückt den Inhalt um 20 Pixel vom betreffenden Rand ab; 0 entfernt diesen zusätzlichen Innenabstand.

Eingabebereich: 0 bis 200 (Einheit siehe Feldname)

Innenabstand unten (px)

Legt den Innenabstand unten im Bereich „Fläche unter dem Menü“ fest. Der Wert schafft Platz zwischen Rand und Inhalt. Beispiel: 20 px rückt den Inhalt um 20 Pixel vom betreffenden Rand ab; 0 entfernt diesen zusätzlichen Innenabstand.

Eingabebereich: 0 bis 200 (Einheit siehe Feldname)

Innenabstand links (px)

Legt den Innenabstand links im Bereich „Fläche unter dem Menü“ fest. Der Wert schafft Platz zwischen Rand und Inhalt. Beispiel: 20 px rückt den Inhalt um 20 Pixel vom betreffenden Rand ab; 0 entfernt diesen zusätzlichen Innenabstand.

Eingabebereich: 0 bis 200 (Einheit siehe Feldname)

A – Äußere Seitenfläche: Breite in px

Feste Breite A der äußeren Seitenfläche. Bei automatischer Breite dient dieser Pixelwert als Obergrenze.

Eingabebereich: 10 bis 800 (Einheit siehe Feldname)

Hinweis: Feste Breite: exakt dieser Pixelwert. Bei aktivierter automatischer Breite ist dies die maximale Breite; der Bildschirmanteil kann einen kleineren Wert ergeben.

Äußere Seitenfläche aktivieren

Aktiviert die zusätzliche schmale Fläche am äußeren Menürand, etwa für soziale Links oder ein eigenes Sublayout.

Schaltertext: Zusätzliche Fläche am äußeren Menürand aktivieren

Hintergrundfarbe

Bestimmt die Hintergrundfarbe für „äußere Seitenfläche“. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Breite automatisch anpassen

Berechnet die äußere Fläche anteilig zur Bildschirmbreite. Der feste Pixelwert begrenzt dabei die maximale Breite.

Schaltertext: Prozentuale Breite statt fester Pixelbreite verwenden

Bildschirmanteil (%)

Bildschirmanteil der äußeren Fläche bei automatischer Breite. Beispiel: 8 entspricht acht Prozent, begrenzt durch die festgelegte Pixelbreite.

Eingabebereich: 1 bis 50 (Einheit siehe Feldname)

Hinweis: Bei automatischer Breite, Standard 8 %. Die Breite in Pixeln dient als Obergrenze.

Ein-/Ausfahren erlauben

Erlaubt das Ein- und Ausfahren der äußeren Seitenfläche. Deaktivieren, wenn diese Fläche dauerhaft in ihrer vorgesehenen Position bleiben soll.

Auswahl: Ja · Nein

Anfangs geöffnet

Legt fest, ob die äußere Seitenfläche beim Start geöffnet ist. Dies ist der Anfangszustand, nicht eine dauerhafte Sperre.

Auswahl: Ja · Nein

Icon bei geöffneter Fläche

Symbol auf dem Schalter bei geöffneter Fläche. Wählen Sie beispielsweise einen nach innen gerichteten Pfeil als Hinweis auf das Einklappen.

Auswahl: Pfeil nach innen · Pfeil nach außen · Doppelpfeil nach innen · Doppelpfeil nach außen · Hamburger-Menü · Schließen-Kreuz · Haus · Globus

Icon bei eingeklappter Fläche

Symbol auf dem Schalter bei eingeklappter Fläche. Ein nach außen gerichteter Pfeil kann anzeigen, dass sich die Fläche öffnen lässt.

Auswahl: Pfeil nach innen · Pfeil nach außen · Doppelpfeil nach innen · Doppelpfeil nach außen · Hamburger-Menü · Schließen-Kreuz · Haus · Globus

Eigenen Schalter anzeigen

Gibt der äußeren Fläche einen eigenen Schalter. Bei Nein bewegt sie sich zusammen mit dem Hauptmenü.

Auswahl: Ja · Nein

Hinweis: Bei Nein fährt die äußere Fläche zusammen mit dem Hauptmenü ein und aus.

Schalter anzeigen

Zeigt den unteren Schalter der äußeren Fläche immer oder nur bei eingeklapptem Hauptmenü. Der Hauptmenüschalter wird separat behandelt.

Auswahl: Immer · Nur bei eingeklapptem Hauptmenü

Hinweis: Betrifft den unteren Schalter der äußeren Seitenfläche. Der obere Hauptmenü-Schalter bleibt erreichbar.

Innenabstand oben (px)

Legt den Innenabstand oben im Bereich „äußere Seitenfläche“ fest. Der Wert schafft Platz zwischen Rand und Inhalt. Beispiel: 20 px rückt den Inhalt um 20 Pixel vom betreffenden Rand ab; 0 entfernt diesen zusätzlichen Innenabstand.

Eingabebereich: 0 bis 200 (Einheit siehe Feldname)

Hinweis: Abstand des Sublayout-Inhalts zum Rand der äußeren Seitenfläche. Die Gesamtbreite bleibt unverändert.

Innenabstand rechts (px)

Legt den Innenabstand rechts im Bereich „äußere Seitenfläche“ fest. Der Wert schafft Platz zwischen Rand und Inhalt. Beispiel: 20 px rückt den Inhalt um 20 Pixel vom betreffenden Rand ab; 0 entfernt diesen zusätzlichen Innenabstand.

Eingabebereich: 0 bis 200 (Einheit siehe Feldname)

Hinweis: Abstand des Sublayout-Inhalts zum Rand der äußeren Seitenfläche. Die Gesamtbreite bleibt unverändert.

Innenabstand unten (px)

Legt den Innenabstand unten im Bereich „äußere Seitenfläche“ fest. Der Wert schafft Platz zwischen Rand und Inhalt. Beispiel: 20 px rückt den Inhalt um 20 Pixel vom betreffenden Rand ab; 0 entfernt diesen zusätzlichen Innenabstand.

Eingabebereich: 0 bis 200 (Einheit siehe Feldname)

Hinweis: Abstand des Sublayout-Inhalts zum Rand der äußeren Seitenfläche. Die Gesamtbreite bleibt unverändert.

Innenabstand links (px)

Legt den Innenabstand links im Bereich „äußere Seitenfläche“ fest. Der Wert schafft Platz zwischen Rand und Inhalt. Beispiel: 20 px rückt den Inhalt um 20 Pixel vom betreffenden Rand ab; 0 entfernt diesen zusätzlichen Innenabstand.

Eingabebereich: 0 bis 200 (Einheit siehe Feldname)

Hinweis: Abstand des Sublayout-Inhalts zum Rand der äußeren Seitenfläche. Die Gesamtbreite bleibt unverändert.

Schalterposition

Platziert den Schalter der äußeren Fläche innen oder außen am Rand.

Auswahl: Außen · Innen

Seitenfläche: Schalter anzeigen

Zeigt den Schalter der äußeren Fläche dauerhaft oder kompakt mit Ausfahren beim Überfahren. Das Ausfahren allein öffnet die Fläche nicht.

Auswahl: Immer vollständig · Kompakte Pfeillasche – bei Mouseover verbreitern

Hinweis: Ausfahren zeigt nur den Schalter. Öffnen und Schließen erfolgt weiterhin per Klick. Tastaturfokus zeigt den ganzen Schalter; auf Touchgeräten bleibt er sichtbar.

Inhalt verwenden

Wählt zwischen Logo-Bild und Sublayout aus Bereich 7. Im Automatikmodus hat ein ausgewähltes Bild Vorrang.

Auswahl: Automatisch – gewähltes Logo-Bild hat Vorrang · Logo-Bild / Markenname aus Einstellungen · Sublayout aus Bereich 7

Hinweis: Ein gewähltes Logo-Bild ersetzt im Automatikmodus das Beispiel MEIN LOGO.

Logo

Bilddatei für das Menülogo. Ein transparentes Logo passt sich an den eingestellten Hintergrund an.

Dynamischer Inhalt: Kann statt eines festen Werts eine dynamische Quelle verwenden. Der angezeigte Wert kommt dann aus dieser Quelle.

Markenname / Logo-Alternativtext

Markenname und Alternativtext des Logos. Der Text beschreibt das Logo, wenn es nicht sichtbar ist oder vorgelesen wird.

Dynamischer Inhalt: Kann statt eines festen Werts eine dynamische Quelle verwenden. Der angezeigte Wert kommt dann aus dieser Quelle.

Logo-Link

Ziel des Logo-Links. Leer führt zur Startseite; alternativ eine relative Adresse oder vollständige HTTPS-Adresse eintragen.

Hinweis: Leer = Startseite. Relative URL oder https://…

Dynamischer Inhalt: Kann statt eines festen Werts eine dynamische Quelle verwenden. Der angezeigte Wert kommt dann aus dieser Quelle.

Logo-Höhe / Oberkante Megamenü (px)

Höhe des Logo-Bereichs beziehungsweise Bezug für die Oberkante des Megamenüs. Bei einem Sublayout kann dessen tatsächliche Höhe maßgeblich sein; ein ausgeblendetes Logo beansprucht keinen Logo-Platz.

Eingabebereich: 60 bis 220 (Einheit siehe Feldname)

Anzeigen

Zeigt den Bereich „Zusatzinhalt direkt unter der Hauptnavigation“ an oder blendet ihn aus. Die Inhalte werden separat unter Inhalt im zugehörigen Bereich erstellt; dieser Schalter bestimmt ihre Sichtbarkeit.

Auswahl: Ja · Nein

Hintergrund

Bestimmt die Hintergrundfarbe für „Zusatzinhalt direkt unter der Hauptnavigation“. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Textfarbe

Bestimmt die Schrift- beziehungsweise Symbolfarbe für „Zusatzinhalt direkt unter der Hauptnavigation“. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Innenabstand oben (px)

Legt den Innenabstand oben im Bereich „Zusatzinhalt direkt unter der Hauptnavigation“ fest. Der Wert schafft Platz zwischen Rand und Inhalt. Beispiel: 20 px rückt den Inhalt um 20 Pixel vom betreffenden Rand ab; 0 entfernt diesen zusätzlichen Innenabstand.

Eingabebereich: 0 bis 200 (Einheit siehe Feldname)

Innenabstand rechts (px)

Legt den Innenabstand rechts im Bereich „Zusatzinhalt direkt unter der Hauptnavigation“ fest. Der Wert schafft Platz zwischen Rand und Inhalt. Beispiel: 20 px rückt den Inhalt um 20 Pixel vom betreffenden Rand ab; 0 entfernt diesen zusätzlichen Innenabstand.

Eingabebereich: 0 bis 200 (Einheit siehe Feldname)

Innenabstand unten (px)

Legt den Innenabstand unten im Bereich „Zusatzinhalt direkt unter der Hauptnavigation“ fest. Der Wert schafft Platz zwischen Rand und Inhalt. Beispiel: 20 px rückt den Inhalt um 20 Pixel vom betreffenden Rand ab; 0 entfernt diesen zusätzlichen Innenabstand.

Eingabebereich: 0 bis 200 (Einheit siehe Feldname)

Innenabstand links (px)

Legt den Innenabstand links im Bereich „Zusatzinhalt direkt unter der Hauptnavigation“ fest. Der Wert schafft Platz zwischen Rand und Inhalt. Beispiel: 20 px rückt den Inhalt um 20 Pixel vom betreffenden Rand ab; 0 entfernt diesen zusätzlichen Innenabstand.

Eingabebereich: 0 bis 200 (Einheit siehe Feldname)

Abschnittserkennung

Wählt automatische Abschnittserkennung oder die selbst eingetragene Linkliste. Automatisch ignoriert übrig gebliebene Beispiel-Links als Quelle.

Auswahl: Automatisch aus der Seite · Eigene Abschnittslinks

Hinweis: Automatisch erkennt Seitenabschnitte auch dann, wenn noch Links aus einem älteren Beispiel gespeichert sind.

Scroll Menu aktivieren

Aktiviert die zusätzliche Scrollmenü-Ansicht mit Links zu Abschnitten der aktuellen Seite.

Auswahl: Ja · Nein

Hinweis: Wechselt zwischen Hauptmenü und Scroll Menu. Ohne eigene Links werden Überschriften der Seite automatisch erkannt.

Eigene Abschnittslinks (optional)

Eigene Abschnittslinks: je Zeile „Titel | Abschnitt-ID“, zum Beispiel „Leistungen | leistungen“. Die Ziel-ID muss am Abschnitt existieren und wird ohne # geschrieben.

Hinweis: Leer lassen: Überschriften H2/H3 der Seite automatisch verwenden. Alternativ pro Zeile Titel | Abschnitt-ID. Die ID muss im Zielabschnitt unter Erweitert stehen. Fehlende Ziele werden angezeigt und nachgeladen, sobald vorhanden.

Startansicht

Bestimmt die zuerst angezeigte Ansicht: normales Hauptmenü oder Scroll Menu. Automatische Ansichtswechsel können diesen Startzustand später ändern.

Auswahl: Hauptmenü · Scroll Menu

Scroll-Abstand vom oberen Bildschirmrand (px)

Freier Abstand über dem angesprungenen Abschnitt in Pixeln. Damit bleibt eine Überschrift beispielsweise unter einem festen Header sichtbar.

Eingabebereich: 0 bis 500 (Einheit siehe Feldname)

Sanft zu Abschnitten scrollen

Animiert den Sprung zu einem Seitenabschnitt. Ohne diese Option erfolgt der Wechsel direkt.

Schaltertext: Scrollbewegung animieren

Menü / Scroll Menu: Umschaltbuttons anzeigen

Legt fest, in welchen Ansichten die Umschalter zwischen Menü und Scroll Menu sichtbar sind. Bei ausgeblendeten Umschaltern beziehungsweise „Nur im Scroll Menu“ übernimmt zusätzlich der automatische Wechsel.

Auswahl: Immer · Nur im Scroll Menu · Ausblenden

Hinweis: „Nur im Scroll Menu“ zeigt beide Buttons ausschließlich in der Scroll-Ansicht. In diesem Modus und bei Ausblenden ist der automatische Wechsel beim Scrollen aktiv.

Button der aktiven Ansicht

Bestimmt, ob der Button zur bereits aktiven Ansicht ausgeblendet wird. So kann nur der jeweils sinnvolle Wechselbutton sichtbar bleiben.

Auswahl: Weiterhin anzeigen · Scroll-Menu-Button ausblenden, wenn Scroll Menu aktiv · Aktiven Button immer ausblenden

Hinweis: Bei „Scroll-Menu-Button ausblenden“ bleibt im Scroll Menu nur „Menü“ sichtbar. „Aktiven Button immer ausblenden“ zeigt in beiden Ansichten nur den Button zum Wechseln. Gilt zusätzlich zur Einstellung „Umschaltbuttons anzeigen“.

Nach Scrollrichtung automatisch wechseln

Wechselt beim Abwärtsscrollen zum Scroll Menu und beim Aufwärtsscrollen zum Hauptmenü. Die Rückkehrregel kann den Wechsel nach oben bis zum Seitenanfang verzögern.

Auswahl: Ja · Nein

Hinweis: Abwärts: Scroll Menu. Aufwärts: Hauptmenü. Immer aktiv, wenn die Umschaltbuttons ausgeblendet sind.

Zurück zum Hauptmenü

Steuert die automatische Rückkehr zum Hauptmenü: bereits beim Hochscrollen oder erst ganz am Seitenanfang. Manuelle Umschalter bleiben bedienbar.

Auswahl: Beim Hochscrollen · Erst am Seitenanfang

Hinweis: Gilt für den automatischen Ansichtswechsel. Bei „Erst am Seitenanfang“ bleibt das Scroll Menu beim Hochscrollen sichtbar, bis die Seite ganz oben ist. Manuelle Umschaltbuttons bleiben bedienbar.

Hintergrund

Bestimmt die Hintergrundfarbe für „Scrollmenü“. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Textfarbe

Bestimmt die Schrift- beziehungsweise Symbolfarbe für „Scrollmenü“. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Aktiver Punkt: Hintergrund

Bestimmt die Hintergrundfarbe für „Scrollmenü“ im aktiven Zustand. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Aktiver Punkt: Textfarbe

Bestimmt die Schrift- beziehungsweise Symbolfarbe für „Scrollmenü“ im aktiven Zustand. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Schriftgröße (px)

Schriftgröße für „Scrollmenü“ in Pixeln. Größere Werte verstärken die Hervorhebung und benötigen mehr Platz.

Innenabstand je Punkt (px)

Vertikaler Innenabstand je Abschnittspunkt. Größere Werte machen die Liste luftiger und benötigen mehr Höhe.

Darstellung

Wählt die Darstellung als Zeitleiste mit verbundenen Punkten oder als flächige Menüeinträge.

Auswahl: Zeitleiste mit Punkten · Flächige Menüpunkte

Bewegungsverlauf

Geschwindigkeitsverlauf des Ansichtswechsels. Die Übernahmeoption verwendet den Bewegungsverlauf des normalen Menüs.

Auswahl: Vom normalen Menü übernehmen · Sanft auslaufen · Sanft starten und stoppen · Gleichmäßig

Voraussetzung / Zusammenspiel: Die Systemeinstellung für reduzierte Bewegung kann Animationen reduzieren oder ausschalten.

Animationsdauer (ms)

Dauer des Wechsels zwischen Hauptmenü und Scroll Menu. Leer übernimmt die gemeinsame Menüanimationsdauer.

Eingabebereich: 0 bis 1500 (Einheit siehe Feldname)

Voraussetzung / Zusammenspiel: Die Systemeinstellung für reduzierte Bewegung kann Animationen reduzieren oder ausschalten.

Wechselanimation

Wählt den Effekt beim Wechsel zwischen beiden Ansichten. Die Übernahmeoption verwendet die normale Menüanimation.

Auswahl: Vom normalen Menü übernehmen · Keine Animation · Seitlich herausfahren · Ein- und ausblenden · Von unten einschieben · Sanft vergrößern · Von links aufdecken

Hinweis: Animiert den Wechsel in beide Richtungen – per Button und beim Scrollen. Dauer und Verlauf leer lassen, um die Werte des normalen Menüs zu verwenden.

Abschnitte automatisch erkennen: CSS-Auswahl

CSS-Auswahl für automatisch erkannte Abschnitte, beispielsweise „.uk-section“. Leer nutzt die eingebauten Abschnittsregeln und bei Bedarf Überschriften H2/H3.

Hinweis: Leer: .uk-section, section und Elemente mit data-section-nav-title. Ohne geeignete Abschnitte werden H2/H3 verwendet.

Erste X Links nicht anzeigen

Entfernt die ersten X Einträge aus der Scrollmenüliste. 0 behält alle Anfangseinträge; die Seitenabschnitte selbst bleiben bestehen.

Eingabebereich: 0 bis 80 (Einheit siehe Feldname)

Hinweis: Blendet die ersten Einträge im Scrollmenü aus. 0 zeigt alle. Mit Letzte X kombinierbar.

Letzte X Links ausblenden

Entfernt die letzten X Einträge aus der Liste. Beispiel: 2 blendet die letzten zwei Links aus, etwa unerwünschte Abschlussbereiche.

Eingabebereich: 0 bis 80 (Einheit siehe Feldname)

Hinweis: 0 zeigt alle Links. Mit 2 werden die letzten beiden Scrollmenü-Einträge ausgeblendet. Gilt für automatische und manuelle Listen.

Infobox bei Mouseover / Tastaturfokus

Zeigt beim Überfahren oder Tastaturfokus eine Infobox zum Abschnitt. Die folgenden Vorschauwerte gestalten diese Box.

Auswahl: Ja · Nein

Vorschaubild in Infobox

Erlaubt ein Vorschaubild in der Abschnitts-Infobox, sofern ein geeignetes Bild vorhanden ist.

Auswahl: Ja · Nein

Voraussetzung / Zusammenspiel: Voraussetzung: Infobox bei Mouseover / Tastaturfokus einschalten.

Infobox-Breite (px)

Breite für „Abschnitts-Infobox“ in Pixeln. Größere Werte schaffen mehr horizontalen Platz, benötigen aber entsprechend mehr Raum neben dem Menü.

Eingabebereich: 160 bis 600 (Einheit siehe Feldname)

Voraussetzung / Zusammenspiel: Voraussetzung: Infobox bei Mouseover / Tastaturfokus einschalten.

Mouseover: Hintergrund

Bestimmt die Hintergrundfarbe für „Scrollmenü“ beim Überfahren mit der Maus. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Mouseover: Textfarbe

Bestimmt die Schrift- beziehungsweise Symbolfarbe für „Scrollmenü“ beim Überfahren mit der Maus. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Vorschau: Höhe (px, 0 = automatisch)

Höhe für „Abschnitts-Infobox“ in Pixeln. 0 lässt die Höhe automatisch bestimmen.

Eingabebereich: 0 bis 1200 (Einheit siehe Feldname)

Voraussetzung / Zusammenspiel: Voraussetzung: Infobox bei Mouseover / Tastaturfokus einschalten.

Vorschau: Position

Horizontale Platzierung für „Abschnitts-Infobox“. Links oder rechts legt die bevorzugte Seite fest; automatisch nutzt die vorgesehene Platzprüfung, damit die Vorschau möglichst im sichtbaren Bereich bleibt.

Auswahl: Rechts · Links · Automatisch mit Platzprüfung

Voraussetzung / Zusammenspiel: Voraussetzung: Infobox bei Mouseover / Tastaturfokus einschalten.

Vorschau: Vertikale Ausrichtung

Vertikale Ausrichtung von „Abschnitts-Infobox“ am auslösenden Menüpunkt: oben, mittig oder unten. Damit lässt sich die Vorschau zur Zeile passend anordnen.

Auswahl: Oben am Menüpunkt · Mittig am Menüpunkt · Unten am Menüpunkt

Voraussetzung / Zusammenspiel: Voraussetzung: Infobox bei Mouseover / Tastaturfokus einschalten.

Vorschau: Abstand zum Menüpunkt (px)

Abstand zwischen „Abschnitts-Infobox“ und dem auslösenden Menüpunkt in Pixeln. Ein kleiner Abstand hält die Vorschau nah am Link; ein größerer trennt sie optisch stärker.

Eingabebereich: 0 bis 100 (Einheit siehe Feldname)

Voraussetzung / Zusammenspiel: Voraussetzung: Infobox bei Mouseover / Tastaturfokus einschalten.

Vorschau: Innenabstand (px)

Legt den Innenabstand im Bereich „Abschnitts-Infobox“ fest. Der Wert schafft Platz zwischen Rand und Inhalt. Beispiel: 20 px rückt den Inhalt um 20 Pixel vom betreffenden Rand ab; 0 entfernt diesen zusätzlichen Innenabstand.

Eingabebereich: 0 bis 80 (Einheit siehe Feldname)

Voraussetzung / Zusammenspiel: Voraussetzung: Infobox bei Mouseover / Tastaturfokus einschalten.

Vorschau: Eckenradius (px)

Eckenrundung für „Abschnitts-Infobox“ in Pixeln. 0 ergibt eckige Kanten; beispielsweise 8 px erzeugt eine leichte Rundung.

Eingabebereich: 0 bis 80 (Einheit siehe Feldname)

Voraussetzung / Zusammenspiel: Voraussetzung: Infobox bei Mouseover / Tastaturfokus einschalten.

Vorschau: Hintergrund

Bestimmt die Hintergrundfarbe für „Abschnitts-Infobox“. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Voraussetzung / Zusammenspiel: Voraussetzung: Infobox bei Mouseover / Tastaturfokus einschalten.

Vorschau: Textfarbe

Bestimmt die Schrift- beziehungsweise Symbolfarbe für „Abschnitts-Infobox“. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Voraussetzung / Zusammenspiel: Voraussetzung: Infobox bei Mouseover / Tastaturfokus einschalten.

Aktiver Mittelpunkt: Farbe

Farbe des Mittelpunkts, der den aktiven Abschnitt in der Zeitleiste markiert.

Äußerer Ring: Farbe

Farbe des äußeren Rings um den aktiven Punkt. Leer übernimmt die Mittelpunktfarbe.

Hinweis: Leer lassen, um die Farbe des Mittelpunkts zu übernehmen.

Aktiver Ring: Durchmesser (px)

Durchmesser des aktiven Rings in Pixeln. Ein größerer Ring hebt den aktuellen Abschnitt stärker hervor.

Eingabebereich: 10 bis 36 (Einheit siehe Feldname)

Ringanimation: Dauer (ms)

Dauer der Ringanimation in Millisekunden. Größere Werte lassen die Markierung langsamer animieren.

Eingabebereich: 0 bis 2000 (Einheit siehe Feldname)

Voraussetzung / Zusammenspiel: Die Systemeinstellung für reduzierte Bewegung kann Animationen reduzieren oder ausschalten.

Button für aktuelle Seite

Zeigt neben dem Menü einen Symbolbutton für die aktuelle Seite. Die folgende Aktion bestimmt, was ein Klick ausführt.

Schaltertext: Symbolbutton neben Menü anzeigen

Symbolbutton: Aktion

Öffnet den zugehörigen Menübereich oder folgt dem zugehörigen Link. Die Auswahl bestimmt die Funktion des Kontextbuttons.

Auswahl: Zugehörigen Menübereich öffnen · Aktuelle Seite als Link aufrufen

Symbolbutton: Symbol

Symbol des Buttons für die aktuelle Seite, etwa ein Listensymbol. Die Größe wird getrennt eingestellt.

Symbolgröße (px)

Symbol- beziehungsweise Pfeilgröße für „Symbolbutton der aktuellen Seite“ in Pixeln. Größere Werte verstärken die Hervorhebung und benötigen mehr Platz.

Eingabebereich: 12 bis 48 (Einheit siehe Feldname)

Scrollmenü: Abstand oben (px)

Außenabstand oberhalb des Bereichs „Scrollmenü“. Er trennt diesen Bereich vom benachbarten Inhalt. 0 entfernt den Abstand; beispielsweise 12 px schafft einen sichtbaren Zwischenraum.

Eingabebereich: 0 bis 200 (Einheit siehe Feldname)

Hinweis: Außenabstand. 0 entfernt den Abstand.

Scrollmenü: Abstand unten (px)

Außenabstand unterhalb des Bereichs „Scrollmenü“. Er trennt diesen Bereich vom benachbarten Inhalt. 0 entfernt den Abstand; beispielsweise 12 px schafft einen sichtbaren Zwischenraum.

Eingabebereich: 0 bis 200 (Einheit siehe Feldname)

Hinweis: Außenabstand. 0 entfernt den Abstand.

Menü-Umschalter: Abstand oben (px)

Außenabstand oberhalb des Bereichs „Menü-Umschalter“. Er trennt diesen Bereich vom benachbarten Inhalt. 0 entfernt den Abstand; beispielsweise 12 px schafft einen sichtbaren Zwischenraum.

Eingabebereich: 0 bis 200 (Einheit siehe Feldname)

Hinweis: Außenabstand. 0 entfernt den Abstand.

Menü-Umschalter: Abstand unten (px)

Außenabstand unterhalb des Bereichs „Menü-Umschalter“. Er trennt diesen Bereich vom benachbarten Inhalt. 0 entfernt den Abstand; beispielsweise 12 px schafft einen sichtbaren Zwischenraum.

Eingabebereich: 0 bis 200 (Einheit siehe Feldname)

Hinweis: Außenabstand. 0 entfernt den Abstand.

Scrollschaltflächen anzeigen

Aktiviert Sprungschaltflächen zum Seitenanfang und Seitenende in der Scrollmenü-Ansicht.

Schaltertext: Nach oben und Nach unten

Hinweis: Schaltflächen zum Seitenanfang und Seitenende oberhalb und unterhalb der Abschnittsliste.

Scrollschaltflächen: Darstellung

Zeigt nur Pfeile, nur Beschriftung oder beides. Die Texte können unabhängig davon hinterlegt bleiben.

Auswahl: Nur Pfeil · Nur Text · Pfeil und Text

Voraussetzung / Zusammenspiel: Wirkt bei eingeschalteten Scrollschaltflächen in der Scrollmenü-Ansicht.

Beschriftung oben

Beschriftung der Aktion zum Seitenanfang, zum Beispiel „Nach oben“. Bei reiner Pfeildarstellung bleibt die textliche Bezeichnung für die Bedienung relevant.

Voraussetzung / Zusammenspiel: Wirkt bei eingeschalteten Scrollschaltflächen in der Scrollmenü-Ansicht.

Beschriftung unten

Beschriftung der Aktion zum Seitenende, zum Beispiel „Nach unten“.

Voraussetzung / Zusammenspiel: Wirkt bei eingeschalteten Scrollschaltflächen in der Scrollmenü-Ansicht.

Pfeilsymbol

Wählt die Pfeilform: klassischer Pfeil, Winkel oder Dreieck. Die Richtung folgt der jeweiligen Aktion.

Auswahl: Pfeil · Winkel · Dreieck

Voraussetzung / Zusammenspiel: Wirkt bei eingeschalteten Scrollschaltflächen in der Scrollmenü-Ansicht.

Pfeilposition

Ordnet den Pfeil vor oder hinter der Beschriftung an. Sichtbar wirkt dies insbesondere bei der Darstellung aus Text und Pfeil.

Auswahl: Vor dem Text · Nach dem Text

Voraussetzung / Zusammenspiel: Wirkt bei eingeschalteten Scrollschaltflächen in der Scrollmenü-Ansicht.

Ausrichtung

Richtet den Inhalt der Scrollschaltfläche links, mittig oder rechts aus.

Auswahl: Links · Mittig · Rechts

Voraussetzung / Zusammenspiel: Wirkt bei eingeschalteten Scrollschaltflächen in der Scrollmenü-Ansicht.

Pfeilgröße (px)

Symbol- beziehungsweise Pfeilgröße für „Scrollschaltflächen“ in Pixeln. Größere Werte verstärken die Hervorhebung und benötigen mehr Platz.

Eingabebereich: 12 bis 48 (Einheit siehe Feldname)

Voraussetzung / Zusammenspiel: Wirkt bei eingeschalteten Scrollschaltflächen in der Scrollmenü-Ansicht.

Innenabstand oben / unten (px)

Legt den Innenabstand im Bereich „Scrollschaltflächen“ fest. Der Wert schafft Platz zwischen Rand und Inhalt. Beispiel: 20 px rückt den Inhalt um 20 Pixel vom betreffenden Rand ab; 0 entfernt diesen zusätzlichen Innenabstand.

Eingabebereich: 0 bis 40 (Einheit siehe Feldname)

Voraussetzung / Zusammenspiel: Wirkt bei eingeschalteten Scrollschaltflächen in der Scrollmenü-Ansicht.

Scrollschaltflächen: Sichtbarkeit

Zeigt die Schaltflächen ständig, erst nach dem ersten Scrollen oder passend zur Scrollrichtung. Die letzte Variante passt die angebotene Richtung an die Bewegung an.

Auswahl: Immer anzeigen · Nach dem ersten Scrollen beide anzeigen · Passend zur Scrollrichtung anzeigen

Voraussetzung / Zusammenspiel: Wirkt bei eingeschalteten Scrollschaltflächen in der Scrollmenü-Ansicht.

Scrollschaltflächen: Hintergrund

Bestimmt die Hintergrundfarbe für „Scrollschaltflächen“. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Voraussetzung / Zusammenspiel: Wirkt bei eingeschalteten Scrollschaltflächen in der Scrollmenü-Ansicht.

Scrollschaltflächen: Text / Pfeil

Bestimmt die Schrift- beziehungsweise Symbolfarbe für „Scrollschaltflächen“. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Voraussetzung / Zusammenspiel: Wirkt bei eingeschalteten Scrollschaltflächen in der Scrollmenü-Ansicht.

Scrollschaltflächen: Mouseover-Hintergrund

Bestimmt die Hintergrundfarbe für „Scrollschaltflächen“ beim Überfahren mit der Maus. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Voraussetzung / Zusammenspiel: Wirkt bei eingeschalteten Scrollschaltflächen in der Scrollmenü-Ansicht.

Scrollschaltflächen: Mouseover-Text / Pfeil

Bestimmt die Schrift- beziehungsweise Symbolfarbe für „Scrollschaltflächen“ beim Überfahren mit der Maus. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Voraussetzung / Zusammenspiel: Wirkt bei eingeschalteten Scrollschaltflächen in der Scrollmenü-Ansicht.

Nach oben: Einblendeffekt

Animation für „Scrollschaltfläche nach oben“. Der gewählte Effekt verändert beim Erscheinen oder Überfahren beispielsweise Deckkraft, Größe oder Position. Bei Link-Vorschauen bezeichnet eine Richtung beim Erscheinen die Herkunft und beim Ausblenden das Bewegungsziel.

Auswahl: Ohne · Einblenden · Von oben einschieben · Von unten einschieben · Von links einschieben · Von rechts einschieben · Vergrößern · Aufklappen · Federnd einschieben

Voraussetzung / Zusammenspiel: Wirkt bei eingeschalteten Scrollschaltflächen in der Scrollmenü-Ansicht. Die seitliche Lasche besitzt eine eigene Ausfahrbewegung; die getrennten Einblendeffekte betreffen die Schaltflächen im Menü. Die Systemeinstellung für reduzierte Bewegung kann Animationen reduzieren oder ausschalten.

Nach oben: Dauer (ms)

Dauer der Animation für „Scrollschaltfläche nach oben“ in Millisekunden. 250 ms entsprechen einer Viertelsekunde; größere Werte verlängern die Bewegung. Die gewählte Animation muss aktiv sein.

Eingabebereich: 0 bis 3000 (Einheit siehe Feldname)

Voraussetzung / Zusammenspiel: Wirkt bei eingeschalteten Scrollschaltflächen in der Scrollmenü-Ansicht. Die seitliche Lasche besitzt eine eigene Ausfahrbewegung; die getrennten Einblendeffekte betreffen die Schaltflächen im Menü. Die Systemeinstellung für reduzierte Bewegung kann Animationen reduzieren oder ausschalten.

Nach oben: Verzögerung (ms)

Verzögerung vor dem Einblenden von „Scrollschaltfläche nach oben“ in Millisekunden. 0 startet ohne zusätzliche Wartezeit. Unterschiedliche Werte ermöglichen getrennte Abläufe für oben und unten.

Eingabebereich: 0 bis 2000 (Einheit siehe Feldname)

Voraussetzung / Zusammenspiel: Wirkt bei eingeschalteten Scrollschaltflächen in der Scrollmenü-Ansicht. Die seitliche Lasche besitzt eine eigene Ausfahrbewegung; die getrennten Einblendeffekte betreffen die Schaltflächen im Menü.

Nach oben: Bewegungsstärke (px)

Bewegungsstrecke des Einblendeffekts für „Scrollschaltfläche nach oben“ in Pixeln. Größere Werte ergeben ein deutlicheres Einschieben; reine Deckkrafteffekte benötigen keine sichtbare Strecke.

Eingabebereich: 0 bis 100 (Einheit siehe Feldname)

Voraussetzung / Zusammenspiel: Wirkt bei eingeschalteten Scrollschaltflächen in der Scrollmenü-Ansicht. Die seitliche Lasche besitzt eine eigene Ausfahrbewegung; die getrennten Einblendeffekte betreffen die Schaltflächen im Menü.

Nach oben: Bewegungsverlauf

Geschwindigkeitsverlauf für „Scrollschaltfläche nach oben“. Gleichmäßig bewegt mit konstantem Tempo; sanfte Verläufe lassen die Bewegung beschleunigen und abbremsen.

Auswahl: Sanft · Gleichmäßig · Beschleunigen / Abbremsen

Voraussetzung / Zusammenspiel: Wirkt bei eingeschalteten Scrollschaltflächen in der Scrollmenü-Ansicht. Die seitliche Lasche besitzt eine eigene Ausfahrbewegung; die getrennten Einblendeffekte betreffen die Schaltflächen im Menü. Die Systemeinstellung für reduzierte Bewegung kann Animationen reduzieren oder ausschalten.

Nach unten: Einblendeffekt

Animation für „Scrollschaltfläche nach unten“. Der gewählte Effekt verändert beim Erscheinen oder Überfahren beispielsweise Deckkraft, Größe oder Position. Bei Link-Vorschauen bezeichnet eine Richtung beim Erscheinen die Herkunft und beim Ausblenden das Bewegungsziel.

Auswahl: Ohne · Einblenden · Von oben einschieben · Von unten einschieben · Von links einschieben · Von rechts einschieben · Vergrößern · Aufklappen · Federnd einschieben

Voraussetzung / Zusammenspiel: Wirkt bei eingeschalteten Scrollschaltflächen in der Scrollmenü-Ansicht. Die seitliche Lasche besitzt eine eigene Ausfahrbewegung; die getrennten Einblendeffekte betreffen die Schaltflächen im Menü. Die Systemeinstellung für reduzierte Bewegung kann Animationen reduzieren oder ausschalten.

Nach unten: Dauer (ms)

Dauer der Animation für „Scrollschaltfläche nach unten“ in Millisekunden. 250 ms entsprechen einer Viertelsekunde; größere Werte verlängern die Bewegung. Die gewählte Animation muss aktiv sein.

Eingabebereich: 0 bis 3000 (Einheit siehe Feldname)

Voraussetzung / Zusammenspiel: Wirkt bei eingeschalteten Scrollschaltflächen in der Scrollmenü-Ansicht. Die seitliche Lasche besitzt eine eigene Ausfahrbewegung; die getrennten Einblendeffekte betreffen die Schaltflächen im Menü. Die Systemeinstellung für reduzierte Bewegung kann Animationen reduzieren oder ausschalten.

Nach unten: Verzögerung (ms)

Verzögerung vor dem Einblenden von „Scrollschaltfläche nach unten“ in Millisekunden. 0 startet ohne zusätzliche Wartezeit. Unterschiedliche Werte ermöglichen getrennte Abläufe für oben und unten.

Eingabebereich: 0 bis 2000 (Einheit siehe Feldname)

Voraussetzung / Zusammenspiel: Wirkt bei eingeschalteten Scrollschaltflächen in der Scrollmenü-Ansicht. Die seitliche Lasche besitzt eine eigene Ausfahrbewegung; die getrennten Einblendeffekte betreffen die Schaltflächen im Menü.

Nach unten: Bewegungsstärke (px)

Bewegungsstrecke des Einblendeffekts für „Scrollschaltfläche nach unten“ in Pixeln. Größere Werte ergeben ein deutlicheres Einschieben; reine Deckkrafteffekte benötigen keine sichtbare Strecke.

Eingabebereich: 0 bis 100 (Einheit siehe Feldname)

Voraussetzung / Zusammenspiel: Wirkt bei eingeschalteten Scrollschaltflächen in der Scrollmenü-Ansicht. Die seitliche Lasche besitzt eine eigene Ausfahrbewegung; die getrennten Einblendeffekte betreffen die Schaltflächen im Menü.

Nach unten: Bewegungsverlauf

Geschwindigkeitsverlauf für „Scrollschaltfläche nach unten“. Gleichmäßig bewegt mit konstantem Tempo; sanfte Verläufe lassen die Bewegung beschleunigen und abbremsen.

Auswahl: Sanft · Gleichmäßig · Beschleunigen / Abbremsen

Voraussetzung / Zusammenspiel: Wirkt bei eingeschalteten Scrollschaltflächen in der Scrollmenü-Ansicht. Die seitliche Lasche besitzt eine eigene Ausfahrbewegung; die getrennten Einblendeffekte betreffen die Schaltflächen im Menü. Die Systemeinstellung für reduzierte Bewegung kann Animationen reduzieren oder ausschalten.

Scrollschaltflächen: Position

Wählt entweder Schaltflächen innerhalb des Menüs oder seitlich herausfahrende Laschen. Beide Varianten erscheinen nicht gleichzeitig.

Auswahl: Button im Menü · Seitliche Scroll-Lasche

Hinweis: Zeigt ausschließlich die gewählte Variante.

Voraussetzung / Zusammenspiel: Wirkt bei eingeschalteten Scrollschaltflächen in der Scrollmenü-Ansicht.

Ein gemeinsamer Scrollbutton

Fasst beide Aktionen in einem Button zusammen. Am Seitenanfang zeigt er nach unten, am Seitenende nach oben; bei richtungsabhängiger Anzeige folgt er dazwischen der Scrollrichtung.

Schaltertext: Ein Button mit wechselnder Richtung

Hinweis: Am Seitenende nach oben, am Seitenanfang nach unten. Bei richtungsabhängiger Anzeige folgt er dazwischen der Scrollrichtung.

Voraussetzung / Zusammenspiel: Wirkt bei eingeschalteten Scrollschaltflächen in der Scrollmenü-Ansicht.

Ein-/Ausblenden auf Desktop erlauben

Erlaubt auf dem Desktop das Ein- und Ausblenden der Hauptmenüleiste.

Auswahl: Nein · Ja

Desktop-Menü anfangs geöffnet

Bestimmt, ob das Desktop-Menü beim Laden geöffnet ist. Der Benutzer kann es anschließend über einen verfügbaren Schalter ändern.

Auswahl: Nein · Ja

Schalterposition

Positioniert den Hauptmenügriff innen oder außen am Menürand.

Auswahl: Außen · Innen

Hauptmenü: Schalter anzeigen

Zeigt den Hauptmenügriff dauerhaft oder als kompakte Lasche, die beim Überfahren ausfährt. Erst der Klick öffnet das Menü; Tastaturfokus macht den Griff ebenfalls sichtbar.

Auswahl: Immer vollständig · Kompakte Pfeillasche – bei Mouseover verbreitern

Hinweis: Ausfahren zeigt nur den Schalter. Öffnen und Schließen erfolgt weiterhin per Klick. Tastaturfokus zeigt den ganzen Schalter; auf Touchgeräten bleibt er sichtbar.

Anzeigen

Zeigt den Bereich „Zusatzinhalt unter dem Scroll Menu“ an oder blendet ihn aus. Die Inhalte werden separat unter Inhalt im zugehörigen Bereich erstellt; dieser Schalter bestimmt ihre Sichtbarkeit.

Auswahl: Ja · Nein

Hinweis: Inhalt → Eintrag hinzufügen → 9. Unter dem Scroll Menu → Sublayout bearbeiten. Erscheint ausschließlich in der Scroll-Menu-Ansicht.

Innenabstand (px)

Legt den Innenabstand im Bereich „Zusatzinhalt unter dem Scroll Menu“ fest. Der Wert schafft Platz zwischen Rand und Inhalt. Beispiel: 20 px rückt den Inhalt um 20 Pixel vom betreffenden Rand ab; 0 entfernt diesen zusätzlichen Innenabstand.

Eingabebereich: 0 bis 100 (Einheit siehe Feldname)

Sprachen anzeigen

Aktiviert die Sprachauswahl. Die verfügbaren Sprachen und Sprachziele müssen im gewählten Sprachsystem eingerichtet sein.

Auswahl: Ja · Nein

Hinweis: Sprachen zentral konfigurieren. Joomla benötigt Inhaltssprachen, Sprachfilter und verknüpfte Startseiten. FaLang verwendet seinen eigenen Sprachumschalter. Für den Reiter Falang wird zusätzlich Translate for YOOtheme benötigt; VIPlug registriert seine Felder beim Update. Weitere FaLang-Optionen über „Vorhandenes Sprachmodul“ einstellen.

Sprachsystem

Wählt Joomla, FaLang, die automatische Erkennung oder ein vorhandenes Sprachmodul. Das gewählte System liefert die Sprachlinks.

Auswahl: Automatisch (FaLang bevorzugen) · Joomla-Sprachverknüpfungen · FaLang-Sprachumschalter · Vorhandenes Sprachmodul

Hinweis: Das Sprachsystem erzeugt die passenden Links automatisch. Keine manuellen Sprachcodes oder Ziel-URLs nötig.

Sprachmodul

Wählt ein veröffentlichtes Sprachmodul aus und übernimmt dessen Konfiguration. Zugriff und Seitenzuweisung des Moduls müssen die Ausgabe erlauben.

Auswahl: Bitte auswählen

Hinweis: Übernimmt alle Optionen des Joomla- oder FaLang-Moduls. Das Modul muss veröffentlicht, zugänglich und dieser Seite zugewiesen sein.

Position

Ordnet die Sprachauswahl an der gewählten Stelle der Menüleiste an, beispielsweise unter der Suche oder am Ende.

Auswahl: Über dem Logo · Unter dem Logo · Unter der Suche · Am Ende der Menüleiste

Beschriftung

Textliche Bezeichnung der Sprachauswahl. Dieser Name hilft auch bei der zugänglichen Navigation.

Dynamischer Inhalt: Kann statt eines festen Werts eine dynamische Quelle verwenden. Der angezeigte Wert kommt dann aus dieser Quelle.

Darstellung

Wählt die Anordnung der Sprachen: aktuelle Sprache mit seitlichem Untermenü, Kacheln, nebeneinander, Liste oder Dropdown. Bei einem vorhandenen Sprachmodul bestimmen dessen Optionen die Ausgabe.

Auswahl: Aktuelle Sprache mit seitlichem Untermenü · Kacheln wie Service-Kacheln · Liste nebeneinander · Liste untereinander · Dropdown

Hinweis: Kacheln: zwei Spalten mit Flagge über dem Namen und umlaufendem Rahmen. Auch Listen und Dropdown zeigen Flagge und Namen gemeinsam.

Voraussetzung / Zusammenspiel: Bei der Ausgabe eines vorhandenen Sprachmoduls gelten dessen eigene Darstellungsoptionen.

Flaggen anzeigen

Zeigt Flaggen zusätzlich zur Sprachbezeichnung, sofern vom Sprachsystem bereitgestellt.

Schaltertext: Flaggen anzeigen

Voraussetzung / Zusammenspiel: Bei der Ausgabe eines vorhandenen Sprachmoduls gelten dessen eigene Darstellungsoptionen.

Vollständige Sprachnamen

Verwendet vollständige Sprachnamen statt kurzer Sprachkennungen. Das benötigt mehr Breite, ist aber leichter verständlich.

Schaltertext: Vollständige Sprachnamen

Voraussetzung / Zusammenspiel: Bei der Ausgabe eines vorhandenen Sprachmoduls gelten dessen eigene Darstellungsoptionen.

Aktuelle Sprache anzeigen

Nimmt die bereits aktive Sprache in die Liste auf. In der Darstellung mit aktueller Sprache als Auslöser wird diese für den Auslöser benötigt.

Schaltertext: Aktuelle Sprache anzeigen

Voraussetzung / Zusammenspiel: Bei der Ausgabe eines vorhandenen Sprachmoduls gelten dessen eigene Darstellungsoptionen.

Sprachkacheln: Normal – Hintergrund

Bestimmt die Hintergrundfarbe für „Sprachauswahl“. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Sprachkacheln: Normal – Schriftfarbe

Bestimmt die Schrift- beziehungsweise Symbolfarbe für „Sprachauswahl“. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Sprachkacheln: Mouseover – Hintergrund

Bestimmt die Hintergrundfarbe für „Sprachauswahl“ beim Überfahren mit der Maus. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Sprachkacheln: Mouseover – Schriftfarbe

Bestimmt die Schrift- beziehungsweise Symbolfarbe für „Sprachauswahl“ beim Überfahren mit der Maus. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Sprachkacheln: Aktiv – Hintergrund

Bestimmt die Hintergrundfarbe für „Sprachauswahl“ im aktiven Zustand. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Sprachkacheln: Aktiv – Schriftfarbe

Bestimmt die Schrift- beziehungsweise Symbolfarbe für „Sprachauswahl“ im aktiven Zustand. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Abstand oben (px)

Außenabstand oberhalb des Bereichs „Sprachauswahl“. Er trennt diesen Bereich vom benachbarten Inhalt. 0 entfernt den Abstand; beispielsweise 12 px schafft einen sichtbaren Zwischenraum.

Eingabebereich: 0 bis 200 (Einheit siehe Feldname)

Hinweis: Außenabstand der Sprachauswahl. 0 entfernt den Abstand.

Abstand unten (px)

Außenabstand unterhalb des Bereichs „Sprachauswahl“. Er trennt diesen Bereich vom benachbarten Inhalt. 0 entfernt den Abstand; beispielsweise 12 px schafft einen sichtbaren Zwischenraum.

Eingabebereich: 0 bis 200 (Einheit siehe Feldname)

Hinweis: Außenabstand der Sprachauswahl. 0 entfernt den Abstand.

Anzeigen

Zeigt den Bereich „Inhaltsfläche über dem Scroll Menu“ an oder blendet ihn aus. Die Inhalte werden separat unter Inhalt im zugehörigen Bereich erstellt; dieser Schalter bestimmt ihre Sichtbarkeit.

Auswahl: Ja · Nein

Hinweis: Inhalt → Eintrag hinzufügen → 10. Über dem Scroll Menu → Sublayout bearbeiten. Überschriften und YOOtheme-/Drittanbieter-Elemente erscheinen nur in der Scroll-Menu-Ansicht.

Innenabstand (px)

Legt den Innenabstand im Bereich „Inhaltsfläche über dem Scroll Menu“ fest. Der Wert schafft Platz zwischen Rand und Inhalt. Beispiel: 20 px rückt den Inhalt um 20 Pixel vom betreffenden Rand ab; 0 entfernt diesen zusätzlichen Innenabstand.

Eingabebereich: 0 bis 100 (Einheit siehe Feldname)

Seitenvorschau bei Links anzeigen

Aktiviert eine Vorschau beim Überfahren oder Fokussieren geeigneter Seitenlinks. Reine Anker, Downloads und Aktionslinks werden ausgeschlossen.

Auswahl: Nein · Ja

Hinweis: Beim Mouseover oder Tastaturfokus erscheint die gewählte Vorschau. Echte Seitenlinks verwenden; Anker (#), Downloads und Aktionslinks sind ausgeschlossen.

Checkbox unten im Menü

Stellt Besuchern einen Schalter bereit, mit dem sie Link-Vorschauen selbst ein- und ausschalten können.

Schaltertext: Besucher können die Link-Vorschau ein- und ausschalten

Voraussetzung / Zusammenspiel: Voraussetzung: Link-Vorschau einschalten und den betreffenden Linkbereich freigeben.

Position der Besucher-Checkbox

Platziert die Besucher-Checkbox oben oder unten in der Menüleiste.

Auswahl: Ganz oben · Ganz unten

Voraussetzung / Zusammenspiel: Voraussetzung: Link-Vorschau einschalten und den betreffenden Linkbereich freigeben.

Art der Vorschau

Zeigt entweder die echte Zielseite verkleinert oder eine kompakte Vorschau aus Titel, Text und Bild. Fremde Seiten können das Einbetten der echten Seite verhindern.

Auswahl: Verlinkte Seite verkleinert anzeigen · Titel, Text und Bild

Hinweis: Seitenansicht lädt die echte Zielseite in einem verkleinerten Rahmen. Manche Seiten verbieten diese Einbettung.

Voraussetzung / Zusammenspiel: Voraussetzung: Link-Vorschau einschalten und den betreffenden Linkbereich freigeben.

Seitenansicht: Originalbreite (px)

Breite, mit der die eingebettete Zielseite gerendert wird, bevor sie in die Vorschau passt. 1280 erzeugt eine Desktopansicht; größere Werte verkleinern die Schrift in der Karte stärker.

Eingabebereich: 640 bis 2560 (Einheit siehe Feldname)

Hinweis: Zum Beispiel 1280: Die Seite wird mit Desktopbreite geladen und passend zur Karte verkleinert. Größere Werte zeigen mehr Inhalt, aber kleinere Schrift.

Voraussetzung / Zusammenspiel: Voraussetzung: Link-Vorschau einschalten und den betreffenden Linkbereich freigeben.

Linke Icon-Leiste / äußere Seitenfläche

Aktiviert Link-Vorschauen für den Bereich „Linke Icon-Leiste / äußere Seitenfläche“. Nur Links in eingeschalteten Bereichen erhalten die Vorschau; die globale Link-Vorschau muss ebenfalls aktiviert sein.

Schaltertext: Link-Vorschau anzeigen

Voraussetzung / Zusammenspiel: Voraussetzung: Link-Vorschau einschalten und den betreffenden Linkbereich freigeben.

Logo-Bereich

Aktiviert Link-Vorschauen für den Bereich „Logo-Bereich“. Nur Links in eingeschalteten Bereichen erhalten die Vorschau; die globale Link-Vorschau muss ebenfalls aktiviert sein.

Schaltertext: Link-Vorschau anzeigen

Voraussetzung / Zusammenspiel: Voraussetzung: Link-Vorschau einschalten und den betreffenden Linkbereich freigeben.

Hauptnavigation

Aktiviert Link-Vorschauen für den Bereich „Hauptnavigation“. Nur Links in eingeschalteten Bereichen erhalten die Vorschau; die globale Link-Vorschau muss ebenfalls aktiviert sein.

Schaltertext: Link-Vorschau anzeigen

Voraussetzung / Zusammenspiel: Voraussetzung: Link-Vorschau einschalten und den betreffenden Linkbereich freigeben.

Service-Kacheln (Kontakt, Termine …)

Aktiviert Link-Vorschauen für den Bereich „Service-Kacheln (Kontakt, Termine …)“. Nur Links in eingeschalteten Bereichen erhalten die Vorschau; die globale Link-Vorschau muss ebenfalls aktiviert sein.

Schaltertext: Link-Vorschau anzeigen

Voraussetzung / Zusammenspiel: Voraussetzung: Link-Vorschau einschalten und den betreffenden Linkbereich freigeben.

Weitere Inhalte in der Menüleiste

Aktiviert Link-Vorschauen für den Bereich „Weitere Inhalte in der Menüleiste“. Nur Links in eingeschalteten Bereichen erhalten die Vorschau; die globale Link-Vorschau muss ebenfalls aktiviert sein.

Schaltertext: Link-Vorschau anzeigen

Voraussetzung / Zusammenspiel: Voraussetzung: Link-Vorschau einschalten und den betreffenden Linkbereich freigeben.

Erste Untermenüspalte

Aktiviert Link-Vorschauen für den Bereich „Erste Untermenüspalte“. Nur Links in eingeschalteten Bereichen erhalten die Vorschau; die globale Link-Vorschau muss ebenfalls aktiviert sein.

Schaltertext: Link-Vorschau anzeigen

Voraussetzung / Zusammenspiel: Voraussetzung: Link-Vorschau einschalten und den betreffenden Linkbereich freigeben.

Zweite Untermenüspalte

Aktiviert Link-Vorschauen für den Bereich „Zweite Untermenüspalte“. Nur Links in eingeschalteten Bereichen erhalten die Vorschau; die globale Link-Vorschau muss ebenfalls aktiviert sein.

Schaltertext: Link-Vorschau anzeigen

Voraussetzung / Zusammenspiel: Voraussetzung: Link-Vorschau einschalten und den betreffenden Linkbereich freigeben.

Zusatzfläche / Bild

Aktiviert Link-Vorschauen für den Bereich „Zusatzfläche / Bild“. Nur Links in eingeschalteten Bereichen erhalten die Vorschau; die globale Link-Vorschau muss ebenfalls aktiviert sein.

Schaltertext: Link-Vorschau anzeigen

Voraussetzung / Zusammenspiel: Voraussetzung: Link-Vorschau einschalten und den betreffenden Linkbereich freigeben.

Eigene Menübereiche

Aktiviert Link-Vorschauen für den Bereich „Eigene Menübereiche“. Nur Links in eingeschalteten Bereichen erhalten die Vorschau; die globale Link-Vorschau muss ebenfalls aktiviert sein.

Schaltertext: Link-Vorschau anzeigen

Voraussetzung / Zusammenspiel: Voraussetzung: Link-Vorschau einschalten und den betreffenden Linkbereich freigeben.

Links außerhalb des Menüs

Aktiviert Link-Vorschauen für den Bereich „Links außerhalb des Menüs“. Nur Links in eingeschalteten Bereichen erhalten die Vorschau; die globale Link-Vorschau muss ebenfalls aktiviert sein.

Schaltertext: Link-Vorschau anzeigen

Voraussetzung / Zusammenspiel: Voraussetzung: Link-Vorschau einschalten und den betreffenden Linkbereich freigeben.

Verzögerung (ms)

Wartezeit vor dem Öffnen einer Link-Vorschau. Eine kurze Verzögerung vermeidet Vorschauen beim bloßen Überqueren von Links.

Eingabebereich: 0 bis 2000 (Einheit siehe Feldname)

Voraussetzung / Zusammenspiel: Voraussetzung: Link-Vorschau einschalten und den betreffenden Linkbereich freigeben.

Vorschaubild anzeigen

Erlaubt das Bild in der kompakten Metadaten-Vorschau, sofern die Zielseite ein passendes Bild liefert.

Auswahl: Ja · Nein

Voraussetzung / Zusammenspiel: Voraussetzung: Link-Vorschau einschalten und den betreffenden Linkbereich freigeben.

Infobox-Breite (px)

Breite für „Link-Vorschau“ in Pixeln. Größere Werte schaffen mehr horizontalen Platz, benötigen aber entsprechend mehr Raum neben dem Menü.

Eingabebereich: 160 bis 600 (Einheit siehe Feldname)

Voraussetzung / Zusammenspiel: Voraussetzung: Link-Vorschau einschalten und den betreffenden Linkbereich freigeben.

Vorschau: Höhe (px, 0 = automatisch)

Höhe für „Link-Vorschau“ in Pixeln. 0 lässt die Höhe automatisch bestimmen.

Eingabebereich: 0 bis 1200 (Einheit siehe Feldname)

Voraussetzung / Zusammenspiel: Voraussetzung: Link-Vorschau einschalten und den betreffenden Linkbereich freigeben.

Vorschau: Position

Horizontale Platzierung für „Link-Vorschau“. Links oder rechts legt die bevorzugte Seite fest; automatisch nutzt die vorgesehene Platzprüfung, damit die Vorschau möglichst im sichtbaren Bereich bleibt.

Auswahl: Rechts · Links · Automatisch mit Platzprüfung

Voraussetzung / Zusammenspiel: Voraussetzung: Link-Vorschau einschalten und den betreffenden Linkbereich freigeben.

Vorschau: Vertikale Ausrichtung

Vertikale Ausrichtung von „Link-Vorschau“ am auslösenden Menüpunkt: oben, mittig oder unten. Damit lässt sich die Vorschau zur Zeile passend anordnen.

Auswahl: Oben am Menüpunkt · Mittig am Menüpunkt · Unten am Menüpunkt

Voraussetzung / Zusammenspiel: Voraussetzung: Link-Vorschau einschalten und den betreffenden Linkbereich freigeben.

Vorschau: Abstand zum Menüpunkt (px)

Abstand zwischen „Link-Vorschau“ und dem auslösenden Menüpunkt in Pixeln. Ein kleiner Abstand hält die Vorschau nah am Link; ein größerer trennt sie optisch stärker.

Eingabebereich: 0 bis 100 (Einheit siehe Feldname)

Voraussetzung / Zusammenspiel: Voraussetzung: Link-Vorschau einschalten und den betreffenden Linkbereich freigeben.

Vorschau: Innenabstand (px)

Legt den Innenabstand im Bereich „Link-Vorschau“ fest. Der Wert schafft Platz zwischen Rand und Inhalt. Beispiel: 20 px rückt den Inhalt um 20 Pixel vom betreffenden Rand ab; 0 entfernt diesen zusätzlichen Innenabstand.

Eingabebereich: 0 bis 80 (Einheit siehe Feldname)

Voraussetzung / Zusammenspiel: Voraussetzung: Link-Vorschau einschalten und den betreffenden Linkbereich freigeben.

Vorschau: Eckenradius (px)

Eckenrundung für „Link-Vorschau“ in Pixeln. 0 ergibt eckige Kanten; beispielsweise 8 px erzeugt eine leichte Rundung.

Eingabebereich: 0 bis 80 (Einheit siehe Feldname)

Voraussetzung / Zusammenspiel: Voraussetzung: Link-Vorschau einschalten und den betreffenden Linkbereich freigeben.

Vorschau: Hintergrund

Bestimmt die Hintergrundfarbe für „Link-Vorschau“. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Voraussetzung / Zusammenspiel: Voraussetzung: Link-Vorschau einschalten und den betreffenden Linkbereich freigeben.

Vorschau: Textfarbe

Bestimmt die Schrift- beziehungsweise Symbolfarbe für „Link-Vorschau“. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Voraussetzung / Zusammenspiel: Voraussetzung: Link-Vorschau einschalten und den betreffenden Linkbereich freigeben.

Hinweis unter der Seitenansicht anzeigen

Zeigt den ergänzenden Hinweis unter der verkleinerten Seitenansicht.

Auswahl: Nein · Ja

Voraussetzung / Zusammenspiel: Voraussetzung: Link-Vorschau einschalten und den betreffenden Linkbereich freigeben.

Seitenvorschau automatisch scrollen

Bewegt eine unterstützte Seitenvorschau automatisch durch den Inhalt. Zielseiten mit diesem Plugin unterstützen die Steuerung; externe Seiten ohne diese Unterstützung nicht.

Auswahl: Ja · Nein

Hinweis: Scrollt auf Seiten mit diesem Plugin langsam nach unten und wieder nach oben. Externe Seiten ohne das Plugin unterstützen diese Steuerung nicht. Bei reduzierter Bewegung bleibt die Vorschau ruhig.

Voraussetzung / Zusammenspiel: Voraussetzung: Link-Vorschau einschalten und den betreffenden Linkbereich freigeben.

Automatischer Scrollverlauf

Legt fest, ob die Vorschau nach unten und wieder nach oben läuft oder nur nach unten.

Auswahl: Nach unten und wieder nach oben · Nur nach unten, am Ende stoppen

Voraussetzung / Zusammenspiel: Voraussetzung: Link-Vorschau einschalten und den betreffenden Linkbereich freigeben.

Pause am Anfang / Ende (ms)

Wartezeit am Anfang und Ende der automatischen Vorschaufahrt. Eine Pause erleichtert das Betrachten des jeweiligen Ausschnitts.

Eingabebereich: 0 bis 10000 (Einheit siehe Feldname)

Voraussetzung / Zusammenspiel: Voraussetzung: Link-Vorschau einschalten und den betreffenden Linkbereich freigeben.

Scrollgeschwindigkeit (sichtbare Pixel/Sekunde)

Geschwindigkeit in sichtbaren Pixeln pro Sekunde. Größere Werte bewegen die Vorschau schneller.

Eingabebereich: 10 bis 400 (Einheit siehe Feldname)

Voraussetzung / Zusammenspiel: Voraussetzung: Link-Vorschau einschalten und den betreffenden Linkbereich freigeben.

Wartezeit vor dem Scrollen (ms)

Wartezeit zwischen dem Erscheinen der Vorschau und dem Beginn ihrer automatischen Bewegung.

Eingabebereich: 0 bis 10000 (Einheit siehe Feldname)

Voraussetzung / Zusammenspiel: Voraussetzung: Link-Vorschau einschalten und den betreffenden Linkbereich freigeben.

Hintergrund

Bestimmt die Hintergrundfarbe für „Suchfeld“. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Text und Suchsymbol

Bestimmt die Schrift- beziehungsweise Symbolfarbe für „Suchfeld“. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Hintergrund bei Fokus

Bestimmt die Hintergrundfarbe für „Suchfeld“ bei Tastaturfokus beziehungsweise Eingabe. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Rahmen bei Fokus

Bestimmt die Rahmenfarbe bei aktivem Suchfeld für „Suchfeld“ bei Tastaturfokus beziehungsweise Eingabe. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Livesuche aktivieren

Zeigt während der Eingabe Treffer aus Joomla Smart Search. Dafür müssen die Inhalte indexiert sein; Enter öffnet weiterhin die vollständige Suchergebnisseite.

Auswahl: Ja · Nein

Hinweis: Zeigt Treffer der Joomla-Smart-Search während der Eingabe. Voraussetzung: Inhalte unter Komponenten → Smart Search indexieren. Enter öffnet weiterhin die vollständige Suche.

Ab wie vielen Zeichen?

Mindestzahl eingegebener Zeichen vor der Livesuche. Beispiel: 2 startet Vorschläge ab dem zweiten Zeichen.

Eingabebereich: 2 bis 10 (Einheit siehe Feldname)

Maximale Trefferzahl

Maximale Zahl angezeigter Livesuche-Treffer. Eine kleinere Zahl hält die Vorschlagsliste kompakt; die vollständige Suche bleibt erreichbar.

Eingabebereich: 1 bis 10 (Einheit siehe Feldname)

Suche: Abstand oben (px)

Außenabstand oberhalb des Bereichs „Suchfeld“. Er trennt diesen Bereich vom benachbarten Inhalt. 0 entfernt den Abstand; beispielsweise 12 px schafft einen sichtbaren Zwischenraum.

Eingabebereich: 0 bis 200 (Einheit siehe Feldname)

Hinweis: Außenabstand. 0 entfernt den Abstand.

Suche: Abstand unten (px)

Außenabstand unterhalb des Bereichs „Suchfeld“. Er trennt diesen Bereich vom benachbarten Inhalt. 0 entfernt den Abstand; beispielsweise 12 px schafft einen sichtbaren Zwischenraum.

Eingabebereich: 0 bis 200 (Einheit siehe Feldname)

Hinweis: Außenabstand. 0 entfernt den Abstand.

Erscheinen: Effekt

Animation für „Link-Vorschau“. Der gewählte Effekt verändert beim Erscheinen oder Überfahren beispielsweise Deckkraft, Größe oder Position. Bei Link-Vorschauen bezeichnet eine Richtung beim Erscheinen die Herkunft und beim Ausblenden das Bewegungsziel.

Auswahl: Kein Effekt · Weich blenden · Gleiten – oben · Gleiten – unten · Gleiten – links · Gleiten – rechts · Zoom

Hinweis: Richtung beim Erscheinen: aus dieser Richtung. Beim Ausblenden: in diese Richtung.

Voraussetzung / Zusammenspiel: Voraussetzung: Link-Vorschau einschalten und den betreffenden Linkbereich freigeben. Die Systemeinstellung für reduzierte Bewegung kann Animationen reduzieren oder ausschalten.

Erscheinen: Dauer (ms)

Dauer der Animation für „Link-Vorschau“ in Millisekunden. 250 ms entsprechen einer Viertelsekunde; größere Werte verlängern die Bewegung. Die gewählte Animation muss aktiv sein.

Eingabebereich: 0 bis 2000 (Einheit siehe Feldname)

Voraussetzung / Zusammenspiel: Voraussetzung: Link-Vorschau einschalten und den betreffenden Linkbereich freigeben. Die Systemeinstellung für reduzierte Bewegung kann Animationen reduzieren oder ausschalten.

Ausblenden: Effekt

Animation für „Link-Vorschau“. Der gewählte Effekt verändert beim Erscheinen oder Überfahren beispielsweise Deckkraft, Größe oder Position. Bei Link-Vorschauen bezeichnet eine Richtung beim Erscheinen die Herkunft und beim Ausblenden das Bewegungsziel.

Auswahl: Kein Effekt · Weich blenden · Gleiten – oben · Gleiten – unten · Gleiten – links · Gleiten – rechts · Zoom

Hinweis: Richtung beim Erscheinen: aus dieser Richtung. Beim Ausblenden: in diese Richtung.

Voraussetzung / Zusammenspiel: Voraussetzung: Link-Vorschau einschalten und den betreffenden Linkbereich freigeben. Die Systemeinstellung für reduzierte Bewegung kann Animationen reduzieren oder ausschalten.

Ausblenden: Dauer (ms)

Dauer der Animation für „Link-Vorschau“ in Millisekunden. 250 ms entsprechen einer Viertelsekunde; größere Werte verlängern die Bewegung. Die gewählte Animation muss aktiv sein.

Eingabebereich: 0 bis 2000 (Einheit siehe Feldname)

Voraussetzung / Zusammenspiel: Voraussetzung: Link-Vorschau einschalten und den betreffenden Linkbereich freigeben. Die Systemeinstellung für reduzierte Bewegung kann Animationen reduzieren oder ausschalten.

Aktive Seite: Überstand (px)

Lässt den aktiven Hauptpunkt zur Inhaltsseite über den Menürand hinausragen. 0 schaltet diesen Überstand aus.

Eingabebereich: 0 bis 60 (Einheit siehe Feldname)

Hinweis: Ragt zur Inhaltsseite über den Menürand hinaus. Standard 8 px, mit 0 deaktivieren.

Höhe (%, 100 = volle Zeile)

Höhe des Überstands relativ zur Menüzeile. 100 Prozent füllt die ganze Zeilenhöhe; kleinere Werte erzeugen eine schmalere Hervorhebung.

Eingabebereich: 10 bis 100 (Einheit siehe Feldname)

Rundung (px)

Eckenrundung für „Überstand des aktiven Hauptpunkts“ in Pixeln. 0 ergibt eckige Kanten; beispielsweise 8 px erzeugt eine leichte Rundung.

Eingabebereich: 0 bis 40 (Einheit siehe Feldname)

Farbe (leer = aktiver Menüpunkt)

Eigene Farbe des Überstands. Leer verwendet die Farbe des aktiven Menüpunkts.

Schatten (px)

Stärke beziehungsweise Ausdehnung des Schattens für „Überstand des aktiven Hauptpunkts“ in Pixeln. 0 entfernt diesen Schatten, höhere Werte heben das Element stärker vom Hintergrund ab.

Eingabebereich: 0 bis 40 (Einheit siehe Feldname)

Effekt beim Erscheinen

Animation für „Überstand des aktiven Hauptpunkts“. Der gewählte Effekt verändert beim Erscheinen oder Überfahren beispielsweise Deckkraft, Größe oder Position. Bei Link-Vorschauen bezeichnet eine Richtung beim Erscheinen die Herkunft und beim Ausblenden das Bewegungsziel.

Auswahl: Keiner · Weich einblenden · Ausfahren · Sanft nachfedern · Vergrößern

Voraussetzung / Zusammenspiel: Die Systemeinstellung für reduzierte Bewegung kann Animationen reduzieren oder ausschalten.

Effektdauer (ms)

Dauer der Animation für „Überstand des aktiven Hauptpunkts“ in Millisekunden. 250 ms entsprechen einer Viertelsekunde; größere Werte verlängern die Bewegung. Die gewählte Animation muss aktiv sein.

Eingabebereich: 0 bis 2000 (Einheit siehe Feldname)

Voraussetzung / Zusammenspiel: Die Systemeinstellung für reduzierte Bewegung kann Animationen reduzieren oder ausschalten.

Seitenflächen-Schalter: Breite (px)

Breite für „Schalter der äußeren Icon-Leiste“ in Pixeln. Größere Werte schaffen mehr horizontalen Platz, benötigen aber entsprechend mehr Raum neben dem Menü.

Seitenflächen-Schalter: Höhe (px)

Höhe für „Schalter der äußeren Icon-Leiste“ in Pixeln. Größere Werte vergrößern die bedienbare Fläche in vertikaler Richtung.

Seitenflächen-Schalter: Abstand unten (px)

Abstand von „Schalter der äußeren Icon-Leiste“ zum unteren Rand in Pixeln. Damit verschieben Sie die Schalterposition entlang des Menürands.

Seitenflächen-Schalter: Eckenradius (px)

Eckenrundung für „Schalter der äußeren Icon-Leiste“ in Pixeln. 0 ergibt eckige Kanten; beispielsweise 8 px erzeugt eine leichte Rundung.

Seitenflächen-Schalter: Hintergrund

Bestimmt die Hintergrundfarbe für „Schalter der äußeren Icon-Leiste“. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Seitenflächen-Schalter: Symbolfarbe

Bestimmt die Schrift- beziehungsweise Symbolfarbe für „Schalter der äußeren Icon-Leiste“. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Seitenflächen-Schalter: Hintergrund bei Mouseover

Bestimmt die Hintergrundfarbe für „Schalter der äußeren Icon-Leiste“ beim Überfahren mit der Maus. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Seitenflächen-Schalter: Symbolfarbe bei Mouseover

Bestimmt die Schrift- beziehungsweise Symbolfarbe für „Schalter der äußeren Icon-Leiste“ beim Überfahren mit der Maus. Wählen Sie die Farbe passend zum zugehörigen Hintergrund beziehungsweise Text, damit der Inhalt gut lesbar bleibt.

Schalter der Icon-Leiste: Schatten (px)

Stärke beziehungsweise Ausdehnung des Schattens für „Schalter der äußeren Icon-Leiste“ in Pixeln. 0 entfernt diesen Schatten, höhere Werte heben das Element stärker vom Hintergrund ab.

Eingabebereich: 0 bis 60 (Einheit siehe Feldname)

Schalter der Icon-Leiste: Pfeilgröße (px)

Symbol- beziehungsweise Pfeilgröße für „Schalter der äußeren Icon-Leiste“ in Pixeln. Größere Werte verstärken die Hervorhebung und benötigen mehr Platz.

Eingabebereich: 10 bis 60 (Einheit siehe Feldname)

Schalter der Icon-Leiste: Hover-Effekt

Animation für „Schalter der äußeren Icon-Leiste“. Der gewählte Effekt verändert beim Erscheinen oder Überfahren beispielsweise Deckkraft, Größe oder Position. Bei Link-Vorschauen bezeichnet eine Richtung beim Erscheinen die Herkunft und beim Ausblenden das Bewegungsziel.

Auswahl: Keiner · Vergrößern · Nachfedern · Nach außen gleiten · Sanft einblenden

Voraussetzung / Zusammenspiel: Die Systemeinstellung für reduzierte Bewegung kann Animationen reduzieren oder ausschalten.

Schalter der Icon-Leiste: Effektdauer (ms)

Dauer der Animation für „Schalter der äußeren Icon-Leiste“ in Millisekunden. 250 ms entsprechen einer Viertelsekunde; größere Werte verlängern die Bewegung. Die gewählte Animation muss aktiv sein.

Eingabebereich: 0 bis 2000 (Einheit siehe Feldname)

Voraussetzung / Zusammenspiel: Die Systemeinstellung für reduzierte Bewegung kann Animationen reduzieren oder ausschalten.