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.
JETZT AVADA KAUFEN!

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.
JETZT AVADA KAUFEN!

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.
JETZT AVADA KAUFEN!

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.

Treten Sie den 100,000 + Zufriedenen Avada-Benutzern bei!

JETZT AVADA KAUFEN!