Séparateur avec Image (plus)
You are here:
- KB Home
- Séparateur avec Image (plus)
Estimated reading time: 1 min
In this article
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.