Séparateur avec Image (plus)

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

L’élément Séparateur avec image (plus) permet d’intégrer une image dans une bande séparatrice.

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

Général

Général

  • Image de séparation : Choisir l’image
  • Taille d’Ordinateur de bureau : Écrire un chiffre en Pixel
  • Taille pour appareils moyens : Écrire un chiffre en Pixel
  • Taille pour petits appareils : Écrire un chiffre en Pixel

Style

  • Style d’image : Simple, Cercle, Carré, Créez le votre

Si vous choisissez Créez le votre, voici les configurations que vous aurez

  • Grandeur de l’arrière-plan : Écrire le chiffre en pixel
  • Style de la bordure : Aucun/e, Continu, Tirets, Pointillé, Double
  • Coins arrondis de la bordure : Écrire un chiffre en Pixel

Couleur

  • Couleur de l’arrière-plan : Choisissez la couleur
  • Opacité : Écrire le chiffre en pourcentage
  • Couleur pour survol de l’arrière-plan : Choisissez la couleur
  • Opacité : Écrire le chiffre en pourcentage

Structure

  • Position de l’image supérieur/inférieur : Bas, Haut
  • Espace : Écrire le chiffre en pourcentage
  • Alignement de l’image : Gauche, Centre, Droite
  • Activez le lien : Oui, Non, si vous choisissez oui, vous devrez inscrire le lien et choisir sa cible

Animation

  • Animation : Choisissez parmi un grand choix
  • Délai de l’animation : Écrivez un chiffre en secondes
  • Animation Répété : Écrivez le nombre de fois
  • Viewport position : Écrivez un chiffre en pourcentage

Avancé

  • Marges extérieures
    Du 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.
  • 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 CSS
    Permets d’associer la rangée à un code CSS spécifique. Configurer l’ID ou la Classe selon votre besoin.

N’oubliez surtout pas de sauvegarder vos changements.

Was this article helpful?
Dislike 0
Views: 1