Fiche informative (plus)

You are here:
Estimated reading time: 2 min
Inclus dans le Forfait Plus

La fiche informative (plus) sert à faire de belles fiches explicatives.

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

Général

Table d’Info

  • En-Tête : Écrivez le texte
  • Sous-En-Tête : Écrivez le texte
  • Boîte de texte : Écrivez le texte, vous pouvez faire une mise-en-page
  • Ajouter un lien : Pas de lien, Bouton d’Appel à l’action, Lien vers la boîte complète

Si vous choisissez « Pas de lien », vous n’aurez pas d’autres configurations.  Si vous choisissez « Lien vers la boîte complète », vous n’aurez pas de texte à écrire.

  • Texte du bouton d’Appel à l’action : : Écrivez le texte
  • Sélectionner l’URL : Écrivez ou choisissez l’URL
  • Cible du lien : Même fenêtre, Nouvelle fenêtre

Styles

Voici les configurations de Style si vous avez choisi « Pas de lien » ou « Lien vers la boîte complète »

  • Sélectionner le style de design : Design 01 à 06
  • Sélectionnez la couleur : Noir, Rouge, Bleu, Jaune, Vert, Gris, Créez le votre
  • Effet de survol : Aucun/e, Boîte ombragée
  • Hauteur Minimum : Écrivez la hauteur en Pixel

Voici les configurations de Style si vous avez choisi « Bouton d’Appel à l’action »

  • Sélectionner le style de design : Design 01 à 06
  • Sélectionnez la couleur : Noir, Rouge, Bleu, Jaune, Vert, Gris, Créez le votre
  • Effet de survol : Aucun/e, Boîte ombragée
  • Hauteur Minimum : Écrivez la hauteur en Pixel

Style du Bouton d’AAA

  • Couleur du texte : Choisissez la couleur
  • Couleur de survol du texte : Choisissez la couleur
  • Couleur d’arrière-plan : Choisissez la couleur
  • Couleur pour survol de l’arrière-plan : Choisissez la couleur
  • Opacité : Écrivez un chiffre en pourcentage
  • Coins arrondis de la bordure : Écrivez un chiffre en pixel
  • Marge du Haut : Écrivez un chiffre en pixel
  • Marge du Bas : Écrivez un chiffre en pixel

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

Typographie

En-tête

  • 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

Sous-en-tête

  • 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 : 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
Was this article helpful?
Dislike 0
Views: 1