Wix Editor: Über Mouseover-Boxen
5 Min. Lesezeit
Mouseover-Boxen sind eine großartige Möglichkeit, die Aufmerksamkeit deiner Besucher zu erregen, das sie ihr Erscheinungsbild ändern, wenn Besucher mit der Maus darüber fahren. Wenn Besucher mit der Maus über eine Mouseover-Box fahren, ändern sie sich, indem sie andere Farben, Element und Animationen enthüllen.
Mouseover-Boxen können deine Website beleben und die Interaktivität deiner Besucher fördern.
So geht's:
Eine Mouseover-Box hinzufügen
Du kannst ganz einfach eine Mouseover-Box aus dem „Hinzufügen“-Panel auf der linken Seite des Editors hinzufügen. Es gibt viele Designoptionen zur Auswahl und sie können weiter an deine Website angepasst werden.
Tipp:
Hover-Boxen können auch durch Hinzufügen eines Mouseover-Effekts zu einem Container erstellt werden. Mehr erfahren
So geht's
Zwischen der Standard- und Mouseover-Ansicht wechseln
Beim Anzeigen einer Mouseover-Box im Editor gibt es zwei Tabs:
- Standard: Wie die Box aussieht, bevor ein Nutzer mit der Maus darüberfährt.
- Mouseover: Wie die Box aussieht, wenn ein Nutzer mit der Maus darüberfährt.
Wenn du zwischen der Standard- und der Mouseover-Ansicht wechselst, kannst du jede Ansicht des Feldes separat bearbeiten.
Hinweis:
Auf deiner mobilen Website wird automatisch die Standard-Ansicht angezeigt und das kann nicht geändert werden. Du kannst jedoch Elemente aus der Mouseover-Anzeige erneut hinzufügen. Mehr erfahren
Das Design der Mouseover-Box anpassen
Du kannst die Mouseover-Box so anpassen, dass sie genau so aussieht, wie du es wünschest. Je nach gewähltem Box-Design kannst du Einstellungen wie Füllung, Rahmen und Ecken an die Bedürfnisse deiner Website anpassen.
So geht's
.
Ein Element zu einer Mouseover-Box hinzufügen
Füge ein Element zu deiner Mouseover-Box hinzu, um sie individuell zu gestalten sowie wertvolle und relevante Informationen anzuzeigen.
Du kannst ein Element ganz einfach zu beiden Ansichten der Box hinzufügen, indem du es im Standard-Modus hinzufügst. Oder du fügst ein Element im Mouseover-Modus hinzu, damit es nur in der Mouseover-Ansicht angezeigt wird.
Klicke auf eine folgenden Option, um mehr über das Hinzufügen von Elementen zu deiner Mouseover-Box zu erfahren.
Ein Element zur Standardansicht hinzufügen
.Ein Element im Mouseover-Modus hinzufügen
Das Element ist zu groß, um es anzuhängen?
Ändere einfach die Größe des Elements oder deiner Mouseover-Box, sodass das Element hineinpasst.
Hinweis:
Wenn du einen Button in der Standard-Ansicht hinzufügst, kannst du das Design im Mouseover-Modus nicht bearbeiten. Als Alternative kannst du den Button in der Mouseover-Ansicht ausblenden, ihn dann wieder hinzufügen und ihn nach deinen Wünschen gestalten.
Einen Effekt zu einer Mouseover-Box hinzufügen
Effekte erwecken deine Mouseover-Boxen zum Leben. Mit einer Reihe von Auswahl- und Anpassungsmöglichkeiten kannst du einen Effekt erzielen, der ins Auge fällt.
Öffne einfach die Mouseover-Ansicht deiner Box und klicke auf Effekt auswählen. Nachdem du einen Effekt ausgewählt hast, klicke auf Anpassen.
Klicke unten, um mehr über jeden Effekt zu erfahren.
Wachsen
Verkleinern
Abschrägen
Rotieren
Combo (Effekte kombinieren)
Tipp:
Vergiss nicht, eine Vorschau deiner Website anzuschauen, um zu sehen, wie deine Mouseover-Box aussieht.
War das hilfreich?
|