Boîte d’info (plus)

Inclus dans le Forfait Plus

Boîte d’info (plus) permet de disposer un contenu informatif de façon esthétique !

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

Général

Titre

• Prefix du titre : Écrire un texte a mettre avant le titre
• Titre : Écrire le titre

Description

• Boîte de texte : Écrire la description

Séparateur

• Séparateur : Oui, Non

En choisissant Oui, vous aurez d’autres options

• Style : Continue, Tirets, Pointillée, Double
• Couleur : Choisissez la couleur
• Épaisseur : Écrire le chiffre en Pixel
• Largeur : Écrire le chiffre en Pourcentage

Bordure

• Type d’AAA : Aucun/e, Continue, Tirets, Pointillée, Double
• Largeur du haut : Écrire le chiffre en Pixel
• Largeur du bas : Écrire le chiffre en Pixel
• Largeur de gauche : Écrire le chiffre en Pixel
• Largeur de droite : Écrire le chiffre en Pixel
• Couleur : Choisissez la couleur
• Caché sur les petits appareils : Oui, Non
• Caché sur les appareils moyens : Oui, Non

Image/Icône

Image/Icône

• Type d’image : Aucune, Icône, Photo

En choisissant Icône, vous aurez les configuration suivante.

Les bases des Icônes

• Icône : Choisissez une icône
• Taille : Écrire en pixel la dimension 

Style

• Style d’arrière-plan d l’icône : Simple, Arrière-plan en cercle, Arrière-plan en carré, Créez le votre

Voici les options lorsque vous choisissez Simple

Couleurs

• Couleur d’icône : Choisissez la couleur
• Couleur de survol d’icône : Choisissez la couleur

Si vous choisissez avec arrière-plan, voici les options que vous aurez à configurer

• Couleur d’icône par défaut : Préréglage 1, Préréglage 2
• Couleur d’icône : Choisissez la couleur
• Couleur de survol d’icône : Choisissez la couleur
• Couleur d’arrière-plan : Choisissez la couleur
• Opacité : Écrivez le chiffre en pourcentage
• Couleur pour survol de l’arrière-plan : Choisissez la couleur
• Opacité : Écrivez le chiffre en pourcentage
• Dégradé : Oui, Non

Style

Structure

• Position : Choisissez parmi plusieurs positions
• Alignement général : Centre, Gauche, Droite
• Alignement sur mobile : Par défaut, Centre, Gauche, Droit(e)
• Sélectionner l’arrière-plan : Aucun/e, Couleur, Dégradé

Si vous choisissez couleur, vous devrez sélectionner la couleur et son opacité.
Si vous choisissez Dégradé, vous devrez choisir la couleur 1 et la couleur 2, ainsi que la direction du dégradé. 

• Marges intérieures du contenu : Inscrivez les marges de Haut, Droite, Bas, Gauche
• Hauteur minimum : Oui, Non (Si vous choisissez oui, vous devrez indiquer la hauteur et son alignement

Marges de titre

• Haut : Écrire le chiffre en Pixel
• Bas : Écrire le chiffre en Pixel
• Haut du Prefix : Écrire le chiffre en Pixel

Marges d’image/icône

• Haut : Écrire le chiffre en Pixel
• Bas : Écrire le chiffre en Pixel

Marges de description

• Haut : Écrire le chiffre en Pixel
• Bas : Écrire le chiffre en Pixel

Marges de séparateur

• Haut : Écrire le chiffre en Pixel
• Bas : Écrire le chiffre en Pixel

Lien

Appel à l’action

• Type d’AAA : Aucun/e, Texte, Bouton, Boîte complête

En choisissant Texte, voici les configurations que vous aurez à remplir

• Texte : Écrivez le texte que vous désirez

Lien

• Lien : Écrivez ou choisir un lien parmi vos pages
• Cible du lien : Même fenêtre ou nouvelle fenêtre
• Lien sans suivi : oui, non

En choisissant Bouton, voici les configurations que vous aurez à remplir

Général

• Texte : Écrivez le texte que vous désirez

Lien

• Lien : Écrivez ou choisir un lien parmi vos pages
• Cible du lien : Même fenêtre ou nouvelle fenêtre
• Lien sans suivi : oui, non

Style 

• Style : Plat, Dégradé, Transparent, 3D

Aucun et 3D permet de choisir le style de survol

• Style de survol : Aucun, Icône apparaît de la droite, gauche, haut ou bas

Dégradé n’a pas d’option

Transparent à les configurations suivantes

• Tailles de la bordure : Écrire en pixel la taille voulue
• Styles de survol : Aucun/e et plusieurs options de remplissage 

Icônes

• Icône : choisir une icône
• Position de l’icône : Avant le texte, Après le texte

Couleurs

• Couleur de texte : Choisissez la couleur
• Couleur pour survol du texte : Choisissez la couleur
• Couleur d’arrière-plan : Choisissez la couleur
• Couleur pour survol d’arrière-plan : Choisissez la couleur
• Opacité : Écrivez le chiffre en pourcentage

Structure

• Largeur :  Auto, Pleine largeur, Personnalisé
• Coins ronds : Écrire en pixel la grandeur voulu

En choisissant Personnalisé, vous aurez les configurations suivantes

• Largeur personnalisé : Écrire en pixel la taille voulue
• Hauteur personnalisé : Écrire en pixel la taille voulue
• Marges intérieures Haut/Bas : Écrire en pixel la taille voulue
• Marges intérieurs Gauche/Droite : Écrire en pixel la taille voulue

Typographie

Prefix du Titre

• 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 : 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

Titre

• 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 : 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

Description

• Police : Choisissez votre police
• Taille de la police : choisissez la taille de la police en pixel
• Interligne : Choisissez l’espace entre les lignes
• Couleur de la description : 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