Boîte Glissante (plus)

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

L’élément Boîte Glissante (plus)  permet de rajouter de l’information additionnelle, disponible au survol.

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

Devant de la Boîte de Diapositive

Devant de la Boîte de Diapositive

  • Titre : Écrire le titre
  • Boîte de texte : Écrire le texte

Image/Icône

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

Pour Photo

Photo

  • Photo : Choisir la photo
  • Style d’image : Simple, Cercle, Carré, Créez le votre
  • Taille : Écrire la taille en pixel

Pour Icône

Icône

  • Icône : Choisir l’icône
  • Couleur d’icône : Choisissez la couleur
  • Couleur de survol d’icône : Choisissez la couleur
  • Taille : Écrivez la taille en pixel

Position d’image/Icône

  • Position :  Au-dessus de l’en-tête, à gauche de l’en-tête, à droite de l’en-tête, à Gauche du texte et de l’en-tête, à droite du texte et de l’en-tête
  • Alignement général : Centre, Gauche, Droit(e)

Dos de la Boîte de Diapositive

Dos de la boîte de diapositive

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

Appel à l’action

  • Type d’AAA : Aucun/e, Texte, Bouton (si vous choisissez Bouton, on vous demandera de le configurer)

Texte

  • Lien : Écrire l’URL ou choisir la page
  • Cible du lien : Même page, Nouvelle page
  • Texte : Écrire le texte

Styles

  • Choisissez un style : Style 1, Style 2, Style 3

Style avant de la Boîte de Diapositive

  • Marges intérieures du contenu : Écrivez les distances en pixel
  • Couleur d’arrière-plan : Choisissez la couleur
  • Opacité : Écrivez un chiffre en pourcentage
  • Survol de l’arrière-plan/Couleur de focus : Choisissez la couleur
  • Opacité : Écrivez un chiffre en pourcentage

Style arrière de la Boîte de Diapositive

  • Marges intérieures du contenu : Écrivez les distances en pixel
  • Alignement général : Gauche, Centre, Droite
  • Couleur d’arrière-plan : Choisissez la couleur
  • Opacité : Écrivez un chiffre en pourcentage

Superposition

  • Activer la superposition : Oui, Non (si vous choisissez non, vous n’aurez pas les configurations suivantes)
  • Couleur de superposition : Choisissez la couleur
  • Opacité : Écrivez un chiffre en pourcentage
  • Icône : Choisissez l’icône
  • Couleur d’icône : Choisissez la couleur
  • Couleur de l’arrière-plan de l’Icône : Choisissez la couleur
  • Opacité : Écrivez un chiffre en pourcentage
  • Taille de l’icône : Écrivez la taille en pixel

Hauteur minimum de boîte de diaporama

  • Hauteur minimum : Oui, Non ( Si vous indiquez oui, vous devrez entrer la hauteur et l’alignement vertical)

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 : Choisissez la couleur
  • Couleur en survol/focus : 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 la dimension en pixel
  • Marges du bas : Écrire la dimension en pixel

Description avant

  • 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
  • Couleur en survol/focus : 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 la dimension en pixel
  • Marges du bas : Écrire la dimension en pixel

Titre arrière

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

Description arrière

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

Texte du lien

  • 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