Bannière (plus)

You are here:
Estimated reading time: 3 min
Inclus dans le
Forfait Plus
Pour le forfait valeur, utiliser l’élément appel.

Bannière (plus) sert à faire une montage créatif, combinant, texte, image et couleurs, vous pouvez faire une très belle bannière sans utiliser un éditeur d’image et de plus elle peut être animée!

Une fois l’élément “Bannière (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
  • Boite de texte : Écrivez le texte dans l’éditeur HTML

Vous pouvez utilisez toutes les fonctions d’éditions de texte et faire une mise-en-page professionnelle.

Style

  • Couleur d’arrière-plan : Choisissez la couleur
  • Opacité : Écrire en pourcentage l’opacité
  • Information de l’alignement : Gauche, Centre, Droit(e)
  • Hauteur minimum : Par défaut, Personnalisé (si vous choisissez personnalisé, vous devrez écrire en pixel la hauteur voulue et le type d’alignement ; Haut, milieu, bas)
  • Hauteur minimum Adaptatif : Par défaut, Personnalisé (si vous choisissez personnalisé, vous devrez écrire en pixel la hauteur voulue et le type d’alignement ; Haut, milieu, bas)

Image

Image

  • Image de la bannière : Sélectionnez la photo dans la médiatech
  • Alignement de l’image : Choisissez parmi plusieurs alignements
  • Couleur de superposition : Choisissez la couleur
  • Opacité : Écrivez en pourcentage la valeur
  • Nature adaptative : Par défaut, Personnalisé

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

Animation

  • Effet : Sans effet ou plusieurs autres choix

Appel à l’action

  • Type d’AAA : Aucun/e, Texte, Bouton, Lien vers module

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

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
  • Marges du haut : Écrire en pixel la taille voulue
  • Marges du bas : Écrire en pixel la taille voulue

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
  • Couleur de la description : Choisissez la couleur
  • Marges du haut : Écrire en pixel la taille voulue
  • Marges du bas : Écrire en pixel la taille voulue

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

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