Ruban

You are here:
Estimated reading time: 1 min
In this article
Inclus dans le Forfait Plus

L’ajout de Ruban (plus) permet de mettre l’accent sur certaines parties de vos pages à l’aide de ruban.

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

Disposition

  • Message de ruban : Écrire le texte
  • Icône gauche : Choisir l’icône
  • Icône droite : Choisir l’icône
  • Masques les ailes de ruban : Aucun/e, Petits appareils (mobile), Moyens appareils

Style

  • Largeur de ruban : Auto
  • Alignement : Centre, Gauche, Droite
  • Couture : Oui, Non
  • Ombre de ruban : Oui, Non

Couleurs de ruban

  • Type de couleur du ruban : Couleur, Dégradé
  • Couleur du ruban : Choisissez la couleur
  • Couleur d’icône : Choisissez la couleur
  • Couleur de pli du ruban : Choisissez la couleur
  • Couleurs des ailes du ruban : Choisissez la couleur

Typographie 

Texte du ruban

  • 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 de l’ombre du texte : 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é

  • Présentation adaptativeLa 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.
  • AnimationStyle : 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 CSSPermets d’associer la rangée à un code CSS spécifique. Configurer l’ID ou la Classe selon votre besoin.
Was this article helpful?
Dislike 0
Views: 2