Flip Box Shortcode

Geanimeerde flip boxes zijn simpelweg geweldig. Wij hebben nooit iemand gevonden die hier niet van houd. Ze zijn goed voor het aandacht grijpen van gebruikers en wat interactie toe te voegen voor je inhoud. Avada’s flip boxes zijn helemaal aanpasbaar aan de voor- en achterkant. Ze zijn helemaal berust met de Font Awesome icoon set en icoon opties, zoals draaien, roteren en omdraaien. Je kunt op de voor- en achterkant een titel plaatsen, knoppen toevoegen en de box hoogte zal uitstrekken gebaseerd op de hoeveelheid inhoud die je gebruikt. Pas de rand grootte en rand radius aan en heb volle controle over de kleuren van de voor- en achterzijde. Ook kun je ze met CSS3 animeren. Deze zijn een favoriet bij Avada, en met goede reden.

Helemaal Responsief

Het responsieve framework van Avada zorgt ervoor dat uw inhoud er op alle schermformaten geweldig uitziet.

Perfect Voor Alle Groottes.

De grootte van je scherm of apparaat maakt niet uit, uw site zal er fantastisch uitzien.

KOOP AVADA NU!

Premium Sliders

Avada heeft vier premium sliders die uw inhoud laat opvallen!

Laat uw inhoud opvallen

Avada heeft de Layer Slider, Revolution Slider, Fusion Slider en Elastic Slider.

KOOP AVADA NU!

Geweldige Elementen

Avada bied ongelofelijke elementen aan die u toestaan een mooie site te creëren.

Bouw Iets Moois

Tientalle van goed designde shortcodes vol met opties geeft je perfecte vrijheid.

KOOP AVADA NU!

Kolom Groottes

Flip boxes hebben hun eigen kolomoptie om in te stellen waarmee de inhoudsbox de kolombreedte van 1 tot 6 kolommen kan vullen. Ze kunnen ook worden gebruikt in onze standaard kolom shortcode om hun plaatsing op de pagina te beheren.

Kolom Groottes

Avada's kolom opties zijn ingebouwd in de flip boxes, wat het makkelijk maakt 1 tot 6 kolommen te selecteren. Boxes met inhoud zullen altijd van formaat wijzigen om goed te passen. Het is een mooi iets.

Perfect Voor Alle Formaten.

Hoe je scherm of apparaat er ook uitziet, je site zal er fantastisch uitzien.

Kleur Beheersen

Flip boxes staan je toe de kleur van de achtergrond, titel tekst, body tekst, iconen, icoon cirkels en randen aan te passen. Selecteer individueel kleuren in de shortcode, of wereldwijd in onze thema optie paneel. Neem controle over je kleuren met gemak.

Beheers

Beheers alle kleuren van elk element dat je ziet.

Beheers Je Kleuren

Van achtergronden tot tekst kleuren tot randen. Neem leiding.

Je

Beheers alle kleuren van elk element dat je ziet.

Beheer Je Kleuren

Van achtergronden tot tekst kleuren tot randen. Neem leiding.

Kleuren

Beheers alle kleuren van elk element dat je ziet.

Beheer Je Kleuren

Van achtergronden tot tekst kleuren tot randen. Neem leiding.

Icoon Hemel

Font Awesome iconen zijn nauw geïntegreerd in de flip boxes, samen met meerdere opties, zoals: icoon kleur, cirkelkleur en rand, cirkel weergeven of verbergen, icoon omdraaien, roteren, draaien en animeren.

Geweldige

Font Awesome Icon integratie is perfect.

Beheers Je Iconen

Verander z’on beetje elk aspect van het icoon en de cirkel waar die in zit. Neem leiding.

Iconen

Font Awesome Icon integratie is perfect.

Beheers Je Iconen

Verander z’on beetje elk aspect van het icoon en de cirkel waar die in zit. Neem leiding.

Need Images? Check!

Instead of using an icon, you can choose to use an image that will show up in the same area as the icon. The settings allow you to specify the exact image size so it displays perfectly in the box. Using an image instead of an icon opens up a whole new look for the flip boxes and gives additional creative uses.

Images Love Flip Boxes

Images can be used in place of icons.

A Whole New Look

Instead of using icons, you can choose to use images. This opens up a whole new look for the flip boxes and gives you more creative freedom in creating layouts.

Images Love Flip Boxes

Images can be used in place of icons.

A Whole New Look

Instead of using icons, you can choose to use images. This opens up a whole new look for the flip boxes and gives you more creative freedom in creating layouts.

Border Control

Flip boxes allow you to use borders and set the border width, color and radius. You can even set the border properties individually per box to make one box stand out from the others with featured content. Take control of your borders.

Control

Control the border size, color and radius.

Control Your Borders

From backgrounds to text colors to borders. Take control.

Your

Control the border size, color and radius.

Control Your Borders

From backgrounds to text colors to borders. Take control.

Borders

Control the border size, color and radius.

Control Your Borders

From backgrounds to text colors to borders. Take control.

Complete Set of Options

Every option and description included with the alert shortcode is listed below.

  • columns – Can be one of these values: 1, 2, 3, 4, 5, or 6. Sets the number of columns per row.
  • title_front -The custom title text for the front side of the flip box.
  • title_back – The custom title text for the back side of the flip box.
  • text_front – The custom body text for the front side of the flip box.
  • border_color – Accepts a hexcode ( #000000 ). Sets the border’s color. Leave blank for Theme Option selection.
  • border_radius – Accepts a pixel value that sets the border’s radius. For example, 4px. Leave blank for Theme Option selection.
  • border_size – Accepts a pixel value that sets the border’s size. For example, 4px. Leave blank for Theme Option selection.
  • background_color_front – Accepts a hexcode ( #000000 ). Sets the front side’s background color. Leave blank for Theme Option selection.
  • title_front_color – Accepts a hexcode ( #000000 ). Sets the front side’s title color. Leave blank for Theme Option selection.
  • text_front_color – Accepts a hexcode ( #000000 ). Sets the front side’s body text color. Leave blank for Theme Option selection.
  • background_color_back – Accepts a hexcode ( #000000 ). Sets the back side’s background color. Leave blank for Theme Option selection.
  • title_back_color – Accepts a hexcode ( #000000 ). Sets the back side’s title color. Leave blank for Theme Option selection.
  • text_back_color – Accepts a hexcode ( #000000 ). Sets the back side’s body text color. Leave blank for Theme Option selection.
  • icon – A font awesome icon value. For example, fa-glass.
  • icon_color – Accepts a hexcode ( #000000 ). Sets the icon’s color. Leave blank for Theme Option selection.
  • circle – Can be one of these values: yes, or no. Sets if the icon is circular or not.
  • circle_color – Accepts a hexcode ( #000000 ). Sets the icon’s background color. Leave blank for Theme Option selection.
  • circle_border_color – Accepts a hexcode ( #000000 ). Sets the icon’s border color. Leave blank for Theme Option selection.
  • icon_flip – Can be one of these values: none, horizontal, or vertical. Sets the direction where the icon will flip.
  • icon_rotate – Can be one of these values: none, 90, 180, or 270. Sets the angle of the icon’s rotation.
  • icon_spin – Can be one of these values: yes, or no. This will enable or disable the icon’s spinning feature.
  • image – The URL path of your custom icon image, starting with http:// and usually ending on .jpg, .png or .gif. Make sure there is no “icon=” value.
  • image_width – This parameter is for custom icon images. Accepts a numerical value to set a custom width in pixels. For example, 35.
  • image_height – This parameter is for custom icon images. Accepts a numerical value to set a custom height in pixels. For example, 35.
  • animation_type – Can be one of these values: none, bounce, fade, flash, shake, or slide. Sets the animation to use on the icon inside the box only.
  • animation_direction – Can be one of these values: down, right, left, or up. Sets the incoming direction for the animation of the icon inside the box only.
  • animation_speed – Accepts a numerical value from .1, which is the slowest, to 1, which is the fastest. This is only for the icon inside the box.
  • class – Add a custom class to the wrapping HTML element for further css customization.
  • id – Add a custom id to the wrapping HTML element for further css customization.

Join The 100,000+ Satisfied Avada Users!

BUY AVADA NOW!

Pien Vink

Avada Specialist zie: Webdesign Limburg
Eind 2007 ben ik gestart als zelfstandig webdesigner en grafisch vormgever. Een ideale baan, omdat ik creatief bezig kan zijn en mijn eigen werktijden kan bepalen. Ik haal veel voldoening uit het maken van professionele en op maat gemaakte ontwerpen die passen bij mijn opdrachtgevers. Ik denk graag mee en probeer me keer op keer in te leven in de opdracht die voor me ligt. De relatie met mijn klanten is daardoor goed en mijn bestaande klanten helpen me dan ook steevast aan nieuwe klanten. Ik hoef dus geen tijd te verspillen aan het binnenslepen van klussen, een goed teken!
Pien Vink

Berichten geplaatst door: Pien Vink (bekijk alles)