Erwecke deine
Boxen,
Repeater und Elemente zum Leben, indem du Mouseover-Effekte hinzufügst. Dies sind Effekte, die deine Besucher sehen, wenn sie mit der Maus über die von dir ausgewählten Elemente fahren.
Du kannst Elemente so einrichten, dass sie erscheinen oder verschwinden, bestimmte Effekte habe nund die Farbe ändern, wenn man mit der Maus darüberfährt. Du kannst auch den Zeitpunkt deines Effekts festlegen, um sein Potenzial zu maximieren.
Schritt 1 | Ein Element hinzufügen und gestalten
Mouseover-Effekte sorgen für mehr Spaß und Bewegung auf deiner Website. Füge hierzu entweder eine Box oder einen Repeater aus dem „Hinzufügen“-Panel hinzu.
Klicke unten auf eine Option, um mehr über das Hinzufügen von Elementen zu erfahren:
- Klicke auf der linken Seite des Editors auf das Symbol für Hinzufügen
. - Klicke auf Box.
- Klicke oder ziehe eine Box, um sie zur Seite hinzuzufügen.
Tipp: Klicke auf Mouseover-Boxen und wähle eine Box aus, wenn du eine vorgefertigte Mouseover-Box verwenden möchtest. - (Optional) Du kannst deine Box gestalten und bei Bedarf Elemente hinzufügen.
Einen Repeater hinzufügen
- Klicke auf auf der linken Seite des Editors auf das Symbol für Hinzufügen .
- Klicke auf Liste.
- Klicke auf Repeater.
- Klicke oder ziehe einen Repeater, um ihn zur Seite hinzuzufügen.
- (Optional) Du kannst deinen Repeater gestalten und bei Bedarf Elemente hinzufügen.
Schritt 2 | Auf den Mouseovermodus zugreifen
Nachdem du dein Element hinzugefügt und gestaltet hast, greife auf den Mouseovermodus zu, um mit dem Hinzufügen von Mouseover-Effekten zu beginnen. Hier kannst du festlegen, was Besucher sehen, wenn sie mit der Maus über deine Box oder deinen Repeater fahren.
- Wähle deine Box/deinen Repeater im Editor aus.
- Je nach Element hast du folgende Möglichkeiten, um den Mouseovermodus aufzurufen:
- Box: Klicke auf das Symbol für Mouseover-Effekte
. - Repeater: Klicke auf einen beliebigen Container im Repeater und wähle das Symbol für Mouseover-Effekte .
- Klicke auf Jetzt starten.
Schritt 3 | Mouseover-Effekte zu deinem Element hinzufügen
Im Mouseovermodus kannst du Elemente anzeigen oder verschwinden lassen und tolle Effekte hinzufügen. Alles passiert gleichzeitig, wenn Besucher mit der Maus über deine Box oder dein Repeater-Element fahren.
Wähle aus, was du tun möchtest:
Elemente hinzufügen, die bei Mouseover angezeigt werden
- Klicke oben links auf das Symbol Zu Mouseover hinzufügen
, um Elemente hinzuzufügen, die bei Mouseover angezeigt werden. - Klicke auf das Element, das du der Box oder dem Repeater hinzufügen möchtest.
Hinweis: Nicht alle Elemente können im Mouseovermodus hinzugefügt werden.
Elemente bei Mouseover ausblenden
Um ein Element auszublenden, wenn Besucher mit der Maus darüber fahren:
- Wähle das Element aus und drücke die Entf-Taste auf deiner Tastatur oder klicke auf das Symbol für Ausblenden
.
Hinweis: Du kannst bestimmte Elemente ausblenden oder die gesamte Box/den Repeater ausblenden. - Klicke oben links auf das Symbol für Ausgeblendet bei Mouseover
, um auf die Liste der ausgeblendeten Elemente zuzugreifen und diese zu verwalten.
Wähle einen Effekt für das Element bei Mouseover
Du kannst jedem Element in deiner Box oder jedem Repeater-Element einen Effekt hinzufügen, einschließlich der Box/des Repeater-Elements selbst. Lasse Elemente wachsen, schrumpfen, sich drehen oder zur Seite neigen.
Um einen Effekt auszuwählen:
- Wähle die Box/den Repeater in deinem Editor aus.
- Klicke auf Effekt auswählen.
- Wähle einen Effekt aus den verfügbaren Optionen aus.
Tipp: Wähle den Combo-Effekt, um mehrere Effekte zu kombinieren. Mit diesem Effekt kannst du zum Beispiel dein Element gleichzeitig vergrößern und rotieren. - (Optional) Klicke auf Anpassen, um den Effekt auf deine individuellen Bedürfnisse zuzuschneiden.
Nachdem du einen Effekt für dein Element ausgewählt hast, lege den Zeitpunkt für dessen Erscheinen fest.
Um den Zeitpunkt festzulegen:
- Wähle das Element in deinem Editor aus.
- Klicke auf das Symbol für Zeitpunkt
. - Verwende die verfügbaren Optionen, um den Zeitpunkt für deinen Effekt festzulegen:
- Dauer: Ziehe den Schieberegler, um die Dauer (in Sekunden) deines Effekts auszuwählen, nachdem Besucher mit der Maus über das Element fahren.
- Verzögerung: Ziehe den Schieberegler, um die Verzögerung (in Sekunden) von der Zeit, in der deine Besucher mit der Maus über das Element fahren, bis zu dem Moment, in dem sie den Effekt sehen, auszuwählen.
- Easing: Wähle aus, wie dein Element vom regulären Zustand zum Effekt übergehen soll, nachdem Besucher mit der Maus darüber fahren (z. B. Zunahme und Nachlassen des Effekts).
Das Design einer Box bei Mouseover ändern
Du kannst das Design der Box im Mouseovermodus bearbeiten, um die Hintergrundfarbe, den Rand, die Ecken und den Schatten zu ändern.
Hinweis: Dies ist nur für Container-Boxen verfügbar und gilt nicht für Repeater.
Um das Design der Box bei Mouseover zu bearbeiten:
- Klicke in deinem Editor auf die Box, um sie auszuwählen.
- Klicke oben im Feld auf den Tab Mouseover.
- Klicke auf das Symbol für Design
. - Wähle den entsprechenden Tab auf der linken Seite des Panels aus, um das Design zu bearbeiten:
- Füllfarbe & Deckkraft: Ziehe den Schieberegler, um die Deckkraft des Hintergrunds anzupassen, und klicke auf das Farbfeld, um die Farbe zu bearbeiten.
- Rand : Klicke auf das Farbfeld, um die Farbe zu bearbeiten, und ziehe die Schieberegler, um die Deckkraft & Farbe und Breite des Randes anzupassen.
- Ecken: Wähle eine Ecke aus, um die Rundung der Ecken anzupassen. Klicke auf das Symbol für Link, um alle Ecken gleich zu gestalten.
- Schatten: Klicke auf den Schalter, um einen Schatten zu aktivieren, und bearbeite dann den Winkel, den Abstand, die Größe und vieles mehr.
