Bannière interactive 1 (plus)

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

Bannière interactive 1 (plus) sert à faire une montage en 2 phases, une image avec un texte, et au survol de la souri, une action survient!

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

Général

Bannière

  • Titre : Inscrivez le titre de votre bannière
  • Alignement du titre : Gauche, Droit(e), Centre

Style

  • Style de la bannière : Choisissez le type d’apparition de la bannière
  • Image de la bannière : Choisissez votre image
  • Hauteur de la bannière : Par défaut, Personnalisé
  • Centre vertical : Non, Oui, (si vous choisissez oui, vous devrez choisir la hauteur et indiquez si vous désirez que la bannière s’adapte aux petits et/ou moyens appareils)

En choisissant personnalisé, vous devrez configurer la largeur d’appareil moyen et de petits appareils.

Survol

Description

  • Boîte de texte : Écrivez votre texte dans l’éditeur de texte
  • Couleur de superposition de l’arrière-plan : Choisissez votre couleur
  • Opacité : Écrivez un chiffre en pixel

Icône au-dessus de la description

  • Icône : Choisir votre icône
  • Couleur d’icône : Choisissez la couleur
  • Taille : Écrivez un chiffre en pixel

Appel-à-l’action sous la description

  • Lien AAA : Bouton en survol, Bannière complète, Aucun/e
  • Lien : Écrivez le lien ou choisissez votre page
  • Cible du lien : Nouvelle fenêtre ou même fenêtre

En choisissant Bouton, vous devrez configurer des options additionnelles

Bouton

Général

  • Texte : Écrivez le texte

Lien

  • Lien : Écrivez le lien ou choisissez votre page
  • Cible du lien : Nouvelle fenêtre ou même fenêtre

Style 

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

Plat 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 de bordure : Choisissez la couleur
  • Opacité : Écrivez le chiffre en pourcentage
  • 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
  • Alignement : Centre, Gauche, Droit(e)
  • Alignement sur mobile : Centre, Gauche, Droit(e)

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

Configurations du Bouton

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

Typographie Générale

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
  • Couleur d’arrière-plan du titre : Choisissez la couleur
  • Opacité : Écrivez un chiffre en pourcentage
  • 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
  • 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: 2