Widget de zone d'image

Les Widget de zone d'image vous permet d'ajouter une zone d'image qui combine une image avec un titre et un texte, souvent utilisés dans les sections Fonctionnalités, au lieu d'utiliser le widget Zone d'icônes.

Le contenu

1. Choisissez une image: Sélectionnez une image dans la médiathèque ou téléchargez une nouvelle image
2. Taille de l'image: Sélectionnez la taille de l'image, de la miniature à la pleine, ou entrez une taille personnalisée
3. description du titre: Ajoutez le titre et la description qui apparaîtront dans la zone d'image
4. Lié à: Saisissez l'URL du lien de l'élément. Clique sur le Options de lien dent pour ajouter rel = nofollow au lien ou pour ouvrir le lien dans une nouvelle fenêtre.
5. Position de l'image: Définissez la position de l'image à gauche, en haut ou à droite, par rapport au titre et à la description (en vue mobile, elle restera centrée).
6. Balise HTML de titre: Définissez la balise HTML du titre sur H1… H6, div, span ou paragraph

Style

Photo

1. Espacement: Définit l'espace exact entre l'image et le titre
2. Largeur: Met la largeur de l'image à l'échelle de 0 à 100%
3. Animation de défilement: Ajouter une animation de défilement à l'image
4. Filtres CSS: Ajuste le style de l'image en modifiant le Filtre CSS échelles pour les ajustements de flou, de luminosité, de contraste, de saturation et de teinte dans les états Normal et Survol
5. Opacité: Contrôle l'opacité de l'image dans les états Normal et Survol
6. Durée de la transition: Définissez la durée d'affichage de chaque diapositive. Cette durée est en millisecondes, donc 1000 ms équivaut à 1 seconde.

Le contenu

1. Alignement: Aligne le contenu à gauche, à droite, au centre ou justifié
2. Alignement vertical: Aligne le contenu sur le haut, le milieu ou le bas de la boîte

Qualification

1. Espacement: Définit l'espace entre le titre et la description
2. Couleur: Définit la couleur du titre
3. Typographie: Définit les options de police pour le titre

La description

1. Couleur: Définit la couleur du texte de description
2. Typographie: Définit les options de police pour la description

Avancée

Définissez les options avancées applicables à ce widget