Effets de survol (plus)

Effets de survol(plus) ajoute une animation aux images lorsque l’on passe au-dessus avec la souris.

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

Général

Items d’effets de survol

• Éditer votre item d’effet de survol( vous pouvez en ajouter autant que vous le désirez)

Une nouvelle boîte de configuration ouvre

Général

Image d’effets de survol : Choisissez l’image que vous désirez ajouter

Titre

• Titre : Écrivez votre texte ici

Diviseur du titre et description

• Style du diviseur : Aucun/e, Continue, Tirets, Pointillée, Double, Intérieur, Extérieur
• Épaisseur du diviseur : Écrivez un chiffre en Pixel
• Largeur du diviseur : Écrivez un chiffre en pourcentage

Description

• Boîte de texte : Écrire le texte

Lien 

• Au clique : Ne rien faire, Lien ( Si on choisi Lien, il faut écrire l’URL et choisir sa cible

Design

Effets et couleurs

• Effet : Effet 1 à 19
• Couleur du titre : Choisissez la couleur
• Couleur de la description : Choisissez la couleur
• Couleur d’arrière-plan : Choisissez la couleur
• Opacité : Écrivez le chiffre en pourcentage
• Couleur du diviseur : Choisissez la couleur

Bordure

• Style de la bordure : Aucun/e, Continue, Tirets, Pointillée, Double, Intérieur, Extérieur
• Épaisseur de bordure : Écrivez le chiffre en pixel
• Couleur de la bordure : Choisissez la couleur
• Opacité : Écrivez le chiffre en pourcentage

Sauvegarder vos configurations

Design

• Alignement d’effets de survol : Centre, Gauche, Droit(e)
• Espacement  : Écrivez le chiffre en pixel
• Marges intérieures du contenu  : Écrivez les dimensions en pixel

Style 

• Forme de la Vignette : Cercle, Carré
• Hauteur et largeur de la Vignette : Par défaut, Personnalisé (vous devrez choisir la dimension en pixel)
• Taille adaptative : Oui, Non (Si vous choisissez « Oui », vous devrez écrire la dimension en pixel)

Typographie

Titre

• 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
• 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

Description

• Police : Choisissez votre police
• Taille de la police : choisissez la taille de la police en pixel
• Interligne : Choisissez l’espace entre les lignes
• 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

Configuration d’espace

• Marge supérieure du titre : Écrivez le chiffre en pixel
• Marge inférieure du titre : Écrivez le chiffre en pixel
• Marge supérieur du Séparateur : Écrivez le chiffre en pixel
• Marge inférieure du Séparateur : Écrivez le chiffre en pixel
• Marge supérieure de la description : Écrivez le chiffre en pixel
• Marge inférieure de la description : Écrivez le chiffre en pixel

Avancé

• Marges extérieuresDu 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.
• Visibilité : Choisissez à quel type d’utilisateur vous désirez que le contenu soit visible
• 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 HTML