Flip Box Shortcode

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.
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

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.

Steuern

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.

Ihr

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 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.

Steuern

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.

Ihr

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.
  • 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.
  • border_radius - 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.
  • background_color_front - Akzeptiert einen Hexcode (# 000000). Sets the front side’s background color. Leave blank for Theme Option selection.
  • title_front_color - Akzeptiert einen Hexcode (# 000000). Sets the front side’s title color. Leave blank for Theme Option selection.
  • text_front_color - Akzeptiert einen Hexcode (# 000000). Sets the front side’s body text color. Leave blank for Theme Option selection.
  • background_color_back - Akzeptiert einen Hexcode (# 000000). Sets the back side’s background color. Leave blank for Theme Option selection.
  • title_back_color - Akzeptiert einen Hexcode (# 000000). Sets the back side’s title color. Leave blank for Theme Option selection.
  • text_back_color - Akzeptiert einen Hexcode (# 000000). Sets the back side’s body text color. Leave blank for Theme Option selection.
  • Symbol am rechten Bildschirmrand. - Ein Schrift super Symbolwert. Beispielsweise, fa-Glas.
  • icon_color - Akzeptiert einen Hexcode (# 000000). Legt die Farbe des Symbols fest. Lassen Sie das Feld für die Auswahl der Themenoption leer.
  • Kreis - Kann einer dieser Werte sein: ja, or Nr. Legt fest, ob das Symbol kreisförmig ist oder nicht.
  • circle_color - 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 – The URL path of your custom icon image, starting with http:// und endet normalerweise am .jpg, .png or .gif. Stellen Sie sicher, dass es keine gibt “icon=” Wert.
  • image_width – This parameter is for benutzerdefinierte Symbolbilder. Akzeptiert einen numerischen Wert, um eine benutzerdefinierte Breite in Pixel festzulegen. Beispielsweise, 35.
  • Bildhöhe – This parameter is for benutzerdefinierte Symbolbilder. Akzeptiert einen numerischen Wert, um eine benutzerdefinierte Höhe in Pixel festzulegen. Beispielsweise, 35.
  • animation_type - 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.
  • animation_direction - 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.

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

JETZT AVADA KAUFEN!