Flip-Box-Kurzcode
Animierte Flipboxen sind einfach fantastisch. Wir haben noch nie jemanden getroffen, der diese bösen Jungs nicht liebt. Sie eignen sich hervorragend, um die Aufmerksamkeit der Benutzer zu erregen und eine Interaktion mit Ihren Inhalten hinzuzufügen. Die Flip-Boxen von Avada verfügen über vollständig anpassbare Inhalte auf der Vorder- und Rückseite. Sie sind vollständig in das Icon-Set Font Awesome und Symboloptionen wie Drehen, Drehen und Drehen integriert. Sie können einen Titel auf die Vorder- und Rückseite setzen, Ihrem Inhalt Schaltflächen hinzufügen und die Höhe des Felds wird je nach Menge des verwendeten Inhalts erweitert. Passen Sie die Rahmengröße und den Rahmenradius an und haben Sie die volle Kontrolle über die Farben auf der Vorder- und Rückseite. Oh ja, und Sie können sie mit CSS3-Güte animieren. Dies ist ein Avada-Favorit, 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
Flipboxen haben eine eigene Spaltenoption, mit der das Inhaltsfeld die Spaltenbreite von 1-6 Spalten aus füllen kann. 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 Flip-Boxen integriert, sodass 1-6 Spalten einfach festgelegt werden können. Die Größe der Inhaltsfelder wird immer entsprechend geändert. 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
Mit Flip-Boxen können Sie die Farbe der Hintergründe, des Titeltextes, des Körpertextes, der Symbole, der Symbolkreise und der Rahmen steuern. Legen Sie die Farben einzeln im Shortcode oder global in unserem Themenoptionsfeld fest. Übernehmen Sie mühelos die Kontrolle über Ihre Farben.
Kontrolle
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.Symbolhafen
Font Awesome Icons sind zusammen mit mehreren Optionen eng in die Flip-Boxen integriert. Symbolfarbe, Kreisfarbe und Rahmen, 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, der es enthält. 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, der es enthält. Die Kontrolle übernehmen.Benötigen Sie Bilder? Prüfen!
Anstatt ein Symbol zu verwenden, 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 sie perfekt in der Box angezeigt wird. Die Verwendung eines Bildes anstelle eines Symbols eröffnet den Flipboxen ein völlig neues Aussehen und bietet zusätzliche kreative Verwendungsmöglichkeiten.
Bilder lieben Flip-Boxen
Bilder können anstelle von Symbolen verwendet werden.Ein ganz neuer Look
Anstatt Symbole zu verwenden, können Sie auch Bilder verwenden. Dies eröffnet den Flipboxen einen völlig neuen Look und gibt Ihnen mehr kreative Freiheit beim Erstellen von Layouts.
Bilder lieben Flip-Boxen
Bilder können anstelle von Symbolen verwendet werden.Ein ganz neuer Look
Anstatt Symbole zu verwenden, können Sie auch Bilder verwenden. Dies eröffnet den Flipboxen einen völlig neuen Look und gibt Ihnen mehr kreative Freiheit beim Erstellen von Layouts.Border Control
Mit Flip-Boxen können Sie Rahmen verwenden und die Rahmenbreite, -farbe und den Radius festlegen. Sie können die Rahmeneigenschaften sogar einzeln pro Box festlegen, um eine Box mit vorgestellten Inhalten von den anderen abzuheben. Übernimm die Kontrolle über deine Grenzen.
Kontrolle
Steuern Sie die Rahmengröße, Farbe und den Radius.Kontrolliere deine Grenzen
Von Hintergründen über Textfarben bis hin zu Rändern. Die Kontrolle übernehmen.Ihre
Steuern Sie die Rahmengröße, Farbe und den Radius.Kontrolliere deine Grenzen
Von Hintergründen über Textfarben bis hin zu Rändern. Die Kontrolle übernehmen.Borders
Steuern Sie die Rahmengröße, Farbe und den Radius.Kontrolliere deine 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.
- Titel_Vorderseite -Das Benutzerdefinierter Titel Text für die Vorderseite der Flipbox.
- Titel_zurück - Die Benutzerdefinierter Titel Text für die Rückseite der Flipbox.
- text_vorne - 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 Themenoption 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 Themenoption leer.
- Hintergrundfarbe_Front - Akzeptiert einen Hexcode (# 000000). Legt die Hintergrundfarbe der Vorderseite fest. Lassen Sie das Feld für die Auswahl der Themenoption leer.
- Titel_Front_Farbe - Akzeptiert einen Hexcode (# 000000). Legt die Titelfarbe der Vorderseite fest. Lassen Sie das Feld für die Auswahl der Themenoption leer.
- text_front_farbe - Akzeptiert einen Hexcode (# 000000). Legt die Textfarbe der Vorderseite fest. Lassen Sie das Feld für die Auswahl der Themenoption leer.
- Hintergrundfarbe_zurück - Akzeptiert einen Hexcode (# 000000). Legt die Hintergrundfarbe der Rückseite fest. Lassen Sie das Feld für die Auswahl der Themenoption leer.
- title_back_color - Akzeptiert einen Hexcode (# 000000). Legt die Titelfarbe der Rückseite fest. Lassen Sie das Feld für die Auswahl der Themenoption leer.
- text_back_color - Akzeptiert einen Hexcode (# 000000). Legt die Körpertextfarbe der Rückseite fest. Lassen Sie das Feld für die Auswahl der Themenoption 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. Beispielsweise, 35.
- Bildhöhe - Dieser Parameter ist für benutzerdefinierte Symbolbilder. Akzeptiert einen numerischen Wert, um eine benutzerdefinierte Höhe in Pixel festzulegen. Beispielsweise, 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 in der Box verwendet werden soll.
- Animationsrichtung - Kann einer dieser Werte sein: unten, rechts, links, or bis. Legt die Eingangsrichtung für die Animation des Symbols nur innerhalb des Felds fest.
- Animations Geschwindigkeit - Akzeptiert einen numerischen Wert von .1, was am langsamsten ist, zu 1, das ist das schnellste. 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.