CSS-Dekoratoren: Effekte in der Hauptnavigation per Klick aktivieren

29.08.2019

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.

Folgende Effekte sind aktuell 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.

Codebeispiele für Dekoratoren