Flip-Box-Shortcode
Animierte Flipboxen sind einfach großartig. Wir haben noch nie jemanden getroffen, der diese bösen Jungs nicht liebt. Sie eignen sich hervorragend, um die Aufmerksamkeit des Benutzers zu erregen und eine gewisse Interaktion mit Ihren Inhalten zu ermöglichen. Die Flipboxen von Avada verfügen über vollständig anpassbare Inhalte auf der Vorder- und Rückseite. Sie sind vollständig in das Font Awesome-Symbolset und die Symboloptionen wie Drehen, Drehen und Spiegeln integriert. Sie können einen Titel auf der Vorder- und Rückseite platzieren, Ihrem Inhalt Schaltflächen hinzufügen und die Boxhöhe wird je nach Menge des von Ihnen verwendeten Inhalts erweitert. Passen Sie die Randgröße und den Randradius an und haben Sie die volle Kontrolle über die Farben der Vorder- und Rückseite. Oh ja, und Sie können sie mit CSS3 animieren. Dies sind die Favoriten von Avada, und das aus gutem Grund.
Vollständig Responsive
Das reaktionsschnelle Framework von Avada stellt sicher, dass Ihre Inhalte auf allen Bildschirmgrößen gut aussehen.Perfekt für alle Größen
Unabhängig von der Größe Ihres Bildschirms oder Geräts sieht Ihre Website fantastisch aus.Premium Slider
Avada enthält vier Premium-Schieberegler, die Ihre Inhalte hervorheben!Heben Sie Ihre Inhalte hervor
Avada enthält den Layer Slider, den Revolution Slider, den Fusion Slider und den Elastic Slider.Erstaunliche Elemente
Avada bietet unglaubliche Elemente, mit denen Sie eine wunderschöne Website erstellen können.Bauen Sie etwas Schönes
Dutzende gut gestalteter Shortcodes mit zahlreichen Optionen bieten Ihnen perfekte Freiheit.Spaltengrößen
Flip-Boxen verfügen über eine eigene Spaltenoption, die es ermöglicht, dass die Inhaltsbox die Spaltenbreite von 1 bis 6 Spalten ausfüllt. Sie können auch innerhalb unseres regulären Spalten-Shortcodes verwendet werden, um ihre Platzierung auf der Seite zu steuern.
Spaltengrößen
Die Spaltenoptionen von Avada sind in die Flipboxen integriert, sodass Sie ganz einfach 1–6 Spalten festlegen können. Die Größe der Inhaltsfelder wird immer entsprechend angepasst. Es ist eine schöne Sache.Perfekt für alle Größen
Unabhängig von der Größe Ihres Bildschirms oder Geräts sieht Ihre Website fantastisch aus.Farbsteuerung
Mithilfe von Flipboxen können Sie die Farbe der Hintergründe, des Titeltexts, des Fließtexts, der Symbole, Symbolkreise und Ränder steuern. Legen Sie die Farben einzeln im Shortcode oder global in unserem Theme-Optionsfeld fest. Übernehmen Sie ganz einfach die Kontrolle über Ihre Farben.
Control
Steuern Sie alle Farben jedes Elements, das Sie sehen.Kontrollieren Sie Ihre Farben
Von Hintergründen über Textfarben bis hin zu Rändern. Die Kontrolle übernehmen.Ihre
Steuern Sie alle Farben jedes Elements, das Sie sehen.Kontrollieren Sie Ihre Farben
Von Hintergründen über Textfarben bis hin zu Rändern. Die Kontrolle übernehmen.Farben
Steuern Sie alle Farben jedes Elements, das Sie sehen.Kontrollieren Sie Ihre Farben
Von Hintergründen über Textfarben bis hin zu Rändern. Die Kontrolle übernehmen.Icon Haven
Font Awesome Icons sind zusammen mit mehreren Optionen eng in die Flipboxen integriert; Symbolfarbe, Kreisfarbe und -rand, Kreis ein- oder ausblenden, Symbol umdrehen, drehen, drehen und animieren.
Genial
Die Integration von Font Awesome Icon ist perfekt.Steuern Sie Ihre Symbole
Ändern Sie nahezu jeden Aspekt des Symbols und des Kreises, in dem es enthalten ist. Die Kontrolle übernehmen.Icons
Die Integration von Font Awesome Icon ist perfekt.Kontrollieren Sie Ihre Farben
Ändern Sie nahezu jeden Aspekt des Symbols und des Kreises, in dem es enthalten ist. Die Kontrolle übernehmen.Benötigen Sie Bilder? Überprüfen!
Anstelle eines Symbols können Sie auch ein Bild verwenden, das im selben Bereich wie das Symbol angezeigt wird. Mit den Einstellungen können Sie die genaue Bildgröße festlegen, damit es perfekt im Feld angezeigt wird. Die Verwendung eines Bildes anstelle eines Symbols eröffnet den Flipboxen ein völlig neues Aussehen und bietet zusätzliche kreative Einsatzmöglichkeiten.
Bilder lieben Flip-Boxen
Anstelle von Symbolen können Bilder verwendet werden.Ein ganz neuer Look
Anstelle von Symbolen können Sie auch Bilder verwenden. Dies eröffnet den Flip-Boxen eine ganz neue Optik und gibt Ihnen mehr kreative Freiheit bei der Gestaltung des Layouts.
Bilder lieben Flip-Boxen
Anstelle von Symbolen können Bilder verwendet werden.Ein ganz neuer Look
Anstelle von Symbolen können Sie auch Bilder verwenden. Dies eröffnet den Flip-Boxen eine ganz neue Optik und gibt Ihnen mehr kreative Freiheit bei der Gestaltung des Layouts.Border Control
Mithilfe von Flipboxen können Sie Rahmen verwenden und die Breite, Farbe und den Radius des Rahmens festlegen. Sie können die Randeigenschaften sogar individuell für jede Box festlegen, um eine Box mit hervorgehobenem Inhalt von den anderen abzuheben. Übernehmen Sie die Kontrolle über Ihre Grenzen.
Control
Steuern Sie die Größe, Farbe und den Radius des Rahmens.Kontrollieren Sie Ihre Grenzen
Von Hintergründen über Textfarben bis hin zu Rändern. Die Kontrolle übernehmen.Ihre
Steuern Sie die Größe, Farbe und den Radius des Rahmens.Kontrollieren Sie Ihre Grenzen
Von Hintergründen über Textfarben bis hin zu Rändern. Die Kontrolle übernehmen.Borders
Steuern Sie die Größe, Farbe und den Radius des Rahmens.Kontrollieren Sie Ihre Grenzen
Von Hintergründen über Textfarben bis hin zu Rändern. Die Kontrolle übernehmen.Vollständiger Satz von Optionen
Jede Option und Beschreibung, die in der Warnungs-Shortcode enthalten ist, ist unten aufgeführt.
- Spalten - Kann einer dieser Werte sein: 1, 2, 3, 4, 5, or 6. Legt die Anzahl der Spalten pro Zeile fest.
- title_front -Das Benutzerdefinierter Titel Text für die Vorderseite der Flipbox.
- title_back - Die Benutzerdefinierter Titel Text für die Rückseite der Flipbox.
- text_front - Die kundenspezifischer Körper Text für die Vorderseite der Flipbox.
- border_color - Akzeptiert einen Hexcode (# 000000). Legt die Farbe des Rahmens fest. Lassen Sie das Feld für die Auswahl der Themenoption leer.
- Grenzradius - Akzeptiert einen Pixelwert, der den Radius des Rahmens festlegt. Zum Beispiel, 4px. Lassen Sie das Feld für die Auswahl der Theme-Option leer.
- Rahmengrösse - Akzeptiert einen Pixelwert, der die Größe des Rahmens festlegt. Zum Beispiel, 4px. Lassen Sie das Feld für die Auswahl der Theme-Option leer.
- Hintergrundfarbe_Front - Akzeptiert einen Hexcode (# 000000). Legt die Hintergrundfarbe der Vorderseite fest. Lassen Sie das Feld für die Auswahl der Theme-Option leer.
- title_front_color - Akzeptiert einen Hexcode (# 000000). Legt die Titelfarbe der Vorderseite fest. Lassen Sie das Feld für die Auswahl der Theme-Option leer.
- text_front_color - Akzeptiert einen Hexcode (# 000000). Legt die Textfarbe der Vorderseite fest. Lassen Sie das Feld für die Auswahl der Theme-Option leer.
- Hintergrundfarbe_zurück - Akzeptiert einen Hexcode (# 000000). Legt die Hintergrundfarbe der Rückseite fest. Lassen Sie das Feld für die Auswahl der Theme-Option leer.
- title_back_color - Akzeptiert einen Hexcode (# 000000). Legt die Titelfarbe der Rückseite fest. Lassen Sie das Feld für die Auswahl der Theme-Option leer.
- text_back_color - Akzeptiert einen Hexcode (# 000000). Legt die Textfarbe der Rückseite fest. Lassen Sie das Feld für die Auswahl der Theme-Option leer.
- am linken Bildschirmrand. - Ein Schrift super Symbolwert. Beispielsweise, fa-Glas.
- Symbolfarbe - Akzeptiert einen Hexcode (# 000000). Legt die Farbe des Symbols fest. Lassen Sie das Feld für die Auswahl der Themenoption leer.
- Circle - Kann einer dieser Werte sein: ja, or Nr. Legt fest, ob das Symbol kreisförmig ist oder nicht.
- Kreisfarbe - Akzeptiert einen Hexcode (# 000000). Legt die Hintergrundfarbe des Symbols fest. Lassen Sie das Feld für die Auswahl der Themenoption leer.
- Circle_border_color - Akzeptiert einen Hexcode (# 000000). Legt die Rahmenfarbe des Symbols fest. Lassen Sie das Feld für die Auswahl der Themenoption leer.
- icon_flip - Kann einer dieser Werte sein: keine, horizontal, or vertikal Legt die Richtung fest, in die das Symbol gespiegelt wird.
- icon_rotate - Kann einer dieser Werte sein: keine, 90, 180, or 270 Legt den Drehwinkel des Symbols fest.
- icon_spin - Kann einer dieser Werte sein: ja, or Nr. Dadurch wird die Drehfunktion des Symbols aktiviert oder deaktiviert.
- Image – Der URL-Pfad Ihres benutzerdefinierten Symbolbilds, beginnend mit http:// und endet normalerweise am .jpg, .png or .gif. Stellen Sie sicher, dass es keine gibt „icon=“ Wert.
- image_width – Dieser Parameter ist für benutzerdefinierte Symbolbilder. Akzeptiert einen numerischen Wert, um eine benutzerdefinierte Breite in Pixel festzulegen. Zum Beispiel, 35.
- Bildhöhe – Dieser Parameter ist für benutzerdefinierte Symbolbilder. Akzeptiert einen numerischen Wert, um eine benutzerdefinierte Höhe in Pixel festzulegen. Zum Beispiel, 35.
- Animationstyp - Kann einer dieser Werte sein: keine, springen, verblassen, blinken, schütteln, or rutschen. Legt die Animation fest, die nur für das Symbol innerhalb der Box verwendet werden soll.
- Animationsrichtung - Kann einer dieser Werte sein: unten, rechts, links, or bis. Legt nur die eingehende Richtung für die Animation des Symbols innerhalb der Box fest.
- Animations Geschwindigkeit - Akzeptiert einen numerischen Wert von .1, was am langsamsten ist, zu 1, was am schnellsten ist. Dies gilt nur für das Symbol in der Box.
- Klasse - Füge hinzu ein benutzerdefinierte Klasse um das HTML-Element für die weitere CSS-Anpassung.
- id - Füge hinzu ein benutzerdefinierte ID um das HTML-Element für die weitere CSS-Anpassung.