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. Relier à: Introduzca la URL del enlace del elemento. Haga clic en el Options de lien dent para agregar rel = pas de suivi al enlace o para abrir el enlace en una nueva ventana.
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. Hashtag HTML de título: Establezca la etiqueta HTML del título como H1 … H6, div, span o párrafo

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