das Widget Flip Box hilft Ihnen dabei, animierte Frames zu erstellen, die umdrehen, sobald der Besucher über sie hinweggeht.
Inhalt
Vorderseite
Inhalt
Diese Registerkarte steuert den Inhalt der Vorderseite der Faltschachtel.
- Grafisches Element: Wählen Sie zwischen "Keine", "Bild" oder "Symbol", um ein grafisches Element vor dem Dropdown-Feld anzuzeigen
- Wenn Bild als grafisches Element ausgewählt ist:
Bild auswählen: Wählen Sie ein Bild aus oder laden Sie es hoch
Bildgröße: Legen Sie die Bildgröße von Miniaturbild bis Vollbild fest oder legen Sie eine benutzerdefinierte Größe fest - Wenn das Symbol als grafisches Element ausgewählt ist:
Symbol: Wählen Sie ein Symbol aus der FontAwesome-Bibliothek
Sehen: Wählen Sie die Standardsymbolansicht oder Gestapelt oder Rahmen
Gestalten: Wenn "Gestapelt" oder "Gerahmt" ausgewählt ist, wählen Sie "Kreis" oder "Quadrat" - Titel Beschreibung: Wählen Sie den Titel und die Beschreibung aus, die vorne im Dropdown-Feld angezeigt werden
Hintergrund
Diese Registerkarte steuert die Unterseite der Vorderseite der Faltschachtel.
Fondsart: Elija Color, Imagen o Verschlechtert como fondo de la parte frontal del cuadro desplegable.
Wenn Sie eine wählen Hintergrundstehen folgende Optionen zur Verfügung:
- Position: Wählen Sie die Position des Bildes aus, z. B. Oben Mitte, Oben rechts, Mitte Mitte usw.
- Anhang: Wählen Sie zwischen Standard, Bildlauf oder Fest
- Wiederholen: Wählen Sie zwischen Standard, Nicht wiederholen, Wiederholen, Wiederholen-x oder Wiederholen-y
- Größe: Wählen Sie zwischen Standard, Automatisch, Abdeckung oder Enthalten
- Hintergrundüberlagerung: Wählen Sie eine Farbe für die Überlagerung
Wenn du wählst Verlaufshintergrundstehen folgende Optionen zur Verfügung:
- Farbe: Wählen Sie die Primärfarbe des Verlaufs
- Ort: Wählen Sie den Ort der Primärfarbe
- Zweite Farbe: Wählen Sie die zweite Farbe des Verlaufs
- Ort: Wählen Sie den Ort der zweiten Farbe
- Nett: Wählen Sie Linear oder Radial
- Winkel: Legt den Winkel des Verlaufs fest
Zurück
Die Rückseite des Faltkastens hat die gleichen Elemente wie die oben erwähnte Vorderseite, mit Ausnahme des grafischen Elements, das nur auf der Vorderseite angezeigt wird. Die Rückseite enthält auch einen Knopf.
- Textschaltfläche: Wählen Sie den Text aus, der in der Schaltfläche angezeigt wird
- Verknüpfung: Elija a dónde apunta el botón. El enlace debe incluir la Url completa (incluido http / https)
- Link anwenden in: Wählen Sie, ob Sie einen anklickbaren Link nur auf die Schaltfläche oder den Vollbildmodus anwenden möchten
Konfigurationen
- Höhe: Kontrollieren Sie die Höhe des Faltkastens
- Kantenradius: Stellen Sie den Radius der Kante des Faltkastens ein und runden Sie die Ecken ab
- Flip-Effekt: Wählen Sie aus Flip-Effekten, einschließlich Flip, Slide, Nudge, Vergrößern, Verkleinern oder Dimmen
- Flip-Richtung: Wenn Sie Flip- oder Slide-Effekte auswählen, können Sie die Flip-Box nach rechts, links, oben oder unten drehen lassen
- 3D-Tiefe: Schieben Sie auf Ein, um dem Dropdown-Feld einen 3D-Animationseffekt zu verleihen
Nota: El Browser Safari es parcialmente incompatible con el efecto de profundidad 3D en dispositivos móviles. Si se utiliza la profundidad 3D, es posible que algunas partes del cuadro desplegable se muestren a través del menú desplegable de navegación. No es posible utilizar el widget 3D Flip Box y el widget Nav Menu con IOS debido a problemas con Safari que no admite esta opción. Aconsejamos modificar el contenido para móviles en este caso con la opción «ocultar sección» en la pestaña Avanzado de la sección en Responsive> Sichtbarkeit.
Stil
Vorderseite
- Ausgestopft: Fügen Sie dem Inhaltsbereich auf der Vorderseite der Faltschachtel Polster hinzu
- Ausrichtung: Wählen Sie, ob Sie den Inhalt des Dropdown-Felds links, rechts oder in der Mitte des Dropdown-Felds ausrichten möchten
- Vertikale Position: Richtet den Inhalt des Dropdown-Felds am oberen, mittleren oder unteren Rand des Dropdown-Felds aus
- Randtyp: Legt einen Rahmen für das gesamte Dropdown-Feld fest
- Breite: Wenn ein Randtyp ausgewählt ist, legen Sie eine Breite für den Rand fest
- Farbe: Wenn ein Randtyp ausgewählt ist, wählen Sie eine Rahmenfarbe aus
Symbol
- Abstand: Steuert den Abstand zwischen dem Symbol und dem Titel
- Primärfarbe: Wählen Sie die Primärfarbe des Symbols
- Sekundäre Farbe: Wählen Sie die Sekundärfarbe des Symbols
- Symbolgröße: Wählen Sie die Größe des Symbols
- Symbol füllen: Legt fest, wie stark das Symbol aufgefüllt werden soll
- Symbol drehen: Drehen Sie das Symbol in einen beliebigen Winkel
- Rahmenbreite: Legt die Breite des Symbolrahmens fest
- Kantenradius: Legt den Radius des Symbolrahmens fest, um die Rundheit der Ecken zu steuern
Bild
- Abstand: Steuert den Abstand zwischen Bild und Titel
- Opazität: Wählen Sie die Deckkraft des Bildes
- Randtyp: Wählen Sie einen Bildrand: Keine, Fest, Doppel, Gepunktet, Gepunktet oder Rille
- Kantenradius: Steuert den Radius des Bildrahmens
Qualifikation
- Abstand: Steuern Sie den Abstand zwischen Titel und Beschreibung
- Textfarbe: Wählen Sie die Titelfarbe
- Typografie: Legen Sie die Einstellungen für die Titelschrift fest
Beschreibung
- Textfarbe: Wählen Sie die Farbe aus der Beschreibung
- Typografie: Legen Sie die Schriftarteinstellungen für die Beschreibung fest
Rückseite
Für die Rückseite des Dropdown-Felds erhalten Sie alle oben aufgeführten Optionen für die Vorderseite, abzüglich der Einstellungen für grafische Elemente. Sie haben auch die Kontrolle über die Tasteneinstellungen.
Taste
- Größe: Wählen Sie eine Tastengröße (Extra klein, Klein, Mittel Groß und Extra Groß)
- Typografie: Passen Sie die Textart der Schaltfläche an
- Text Farbe: Wählen Sie die Textfarbe der Schaltfläche
- Hintergrundfarbe: Wählen Sie die Hintergrundfarbe der Schaltfläche
- Randfarbe: Steuert die Farbe des Schaltflächenrahmens
- Rahmenbreite: Steuert die Breite des Schaltflächenrahmens
- Kantenradius: Steuert den Radius des Schaltflächenrahmens
Fortgeschrittene
Legen Sie die erweiterten Optionen fest, die für dieses Widget gelten
Lesen Sie den vollständigen Startbeitrag zum Flip Box-Widget
