Boîte basculante (plus)

La boîte basculante(plus) permet de mettre du contenu additionnel tout en créant une animation.

Une fois l’élément “Boîte basculante (plus)” glissé en place, vous pouvez commencer à personnaliser l’élément. La fenêtre de paramètres s’ouvre automatiquement.

Avant de la Boîte Basculante

Devant

• Paramètres des icônes : Choisir un icône
• Titre à l’avant : Écrire le titre
• Boîte de texte : Écrire le texte

Style de l’avant

• Type d’arrière-plan : Couleur, Image
• Couleur d’arrière-plan : Choisissez la couleur
• Opacité : Écrivez un chiffre en pourcentage
• Style de la bordure de la boîte : Aucun/e, Continue, Tirets, Pointillée, Double, Intérieur, Extérieur
• Taille de la bordure : Écrire un chiffre en pixel
• Couleur de la bordure : Choisissez la couleur

Si on choisi « Image », voici les configurations à faire.

• Image d’arrière-plan : Choisir l’image
• Position d’image d’arrière-plan : Choisissez parmi plusieurs options.
• Répéter : Oui, Non
• Tailles d’écran : Initial, Couverture, Contenu
• Style de la bordure de la boîte  : Aucun/e, Continue, Tirets, Pointillée, Double, Intérieur, Extérieur
• Taille de la bordure : Écrire un chiffre en pixel
• Couleur de la bordure : Choisissez la couleur

Dos de la Boîte Basculante

En-dos

• Titre à l’en-dos : Écrire le titre
• Boîte de texte : Écrire le texte

Styles arrière

• Type d’arrière-plan : Couleur, Image
• Couleur d’arrière-plan : Choisissez la couleur
• Opacité : Écrivez un chiffre en pourcentage
• Style de la bordure de la boîte : Aucun/e, Continue, Tirets, Pointillée, Double, Intérieur, Extérieur
• Taille de la bordure : Écrire un chiffre en pixel
• Couleur de la bordure : Choisissez la couleur

Si on choisi « Image », voici les configurations à faire.

• Image d’arrière-plan : Choisir l’image
• Position d’image d’arrière-plan : Choisissez parmi plusieurs options.
• Répéter : Oui, Non
• Tailles d’écran : Initial, Couverture, Contenu
• Style de la bordure de la boîte  : Aucun/e, Continue, Tirets, Pointillée, Double, Intérieur, Extérieur
• Taille de la bordure : Écrire un chiffre en pixel
• Couleur de la bordure : Choisissez la couleur

Bouton

• Affichez le bouton : Oui, Non, si vous choisissez oui, vous devez configurer le bouton.

Style

Boîtes basculantes

• Type de bascule : Horizontalement de la gauche, de la droite, Verticalement de la gauche, de la droite, 
• Hauteur de la boîte : Affiche le contenu complet ou hauteur personnalisé (si vous choisissez personnalisé, vous devrez entrer les hauteurs pour les différents types d’appareils)
• Alignement vertical général : Oui, Non
• Marges intérieures : Écrivez les dimensions

Typographie

Titre avant

• Tag : Choisissez de H1 à H6, div, p, span
• Police : Choisissez votre police
• Taille de la police : choisissez la taille de la police en pixel
• Interligne : Choisissez l’espace entre les lignes
• Couleur du titre avant : Choisissez la couleur
• Transforme : Défaut, Lettres majuscules, Lettres minuscules, Première Lettre de chaque mot en majuscule
• Espace entre les lettres : Choisissez l’espace entre les lettres

Avancé

• Marges extérieuresDu haut, du bas, de gauche, de droite, les quatre côtés sont configurables indépendamment l’un de l’autre.  L’ajustement des marges extérieures permet de créer des espaces entre les différentes rangées et de modifier la largeur d’affichage indépendamment des configurations du thème.
• Présentation adaptative
  La présentation adaptative permet de contrôler l’affichage d’une rangée selon le type d’appareil à partir duquel on accède au site.
• Visibilité : Choisissez à quel type d’utilisateur vous désirez que le contenu soit visible
• Animation
  Style : Choisissez le type d’animation. Essayez-les et sélectionnez celle qui vous convient.
  Délai : Choisissez en seconde, le délai avant que l’animation ne débute.
• Sélecteur HTML