CSS-Dekoratoren: Effekte in der Hauptnavigation per Klick aktivieren
02. Aug 2021
In Weblication® können Sie per Klick Effekte (CSS-Dekoratoren) definieren z.B. Schatten, Rahmen oder Animationen in der Hauptnavigation. Die Effekte sind zum Teil auch kombiniert einsetzbar.
Aufruf der Dekoratoren über Layout anpassen -> Dekoratoren / Effekte
CSS-Dekoratoren: Aufruf über Layout-Verwaltung
Folgende Effekte sind aktuell für die Navigation verfügbar:
CSS-Dekoratoren: Effekte in der Hauptnavigation per Klick aktivieren
Beispiel: Menünavigation mit Trennlinien versehen
Mit dem Dekorator "Hauptnavigationspunkte werden durch Striche getrennt" erzielen Sie folgenden Effekt:
Menünavigation mit Trennlinien versehen
Beispiel: Mittige Trennung der Hauptnavigation - Logo dazwischen
Mit fem CSS-Dekorator / Effekt "Hauptnavigation mittig trennen" können Sie eine Navigation mittig bzw. an einem definierten Navigationspunkt über margin-left trennen, um so z.B. das Logo dazwischen positionieren zu können.
Mittige Trennung der Hauptnavigation - Logo dazwischen
Banner, Slider formatieren mit CSS-Only Dekoratoren
Der "Banner, Slider" in der BASE (Mobile First) unterstützt CSS-Only Dekoratoren, um erweiterte Formatierungen im Banner einfach über CSS-Only zu ermöglichen. Dekoratoren können direkt im CSS-Code genutzt werden.