Zone Cliquable (plus)

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

L’élément Zone Cliquable (plus)  de mettre des boutons sur une image.

Une fois que vous avez glissé l’élément “Zone Cliquable” en place, vous pouvez commencer à personnaliser l’élément. La fenêtre de paramètres s’ouvre automatiquement.

Général

  • Origine de la photo : Médiathèque, URL
  • Photo : Choisir la photo
  • Taille de la photo : Écrire la dimension en pixel

Marqueur

Marqueur 

  • Éditer votre Marqueur 1( vous pouvez en ajouter autant que vous le désirez)

Une nouvelle boîte de configuration ouvre

Zones

Placer le Marqueur à l’endroit voulu sur la photo.

Marqueur

Type de marqueur

  • Type de marqueur : Texte, Image, Icône

Texte du marqueur

  • Boîte de texte : Écrivez le texte

Les bases de l’image

  • Origine de la photo : Médiathèque, URL
  • Photo : Choisir la photo
  • Taille : Écrivez la dimension en pixel

Style

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

Les bases des Icônes

  • Icône : Choisissez une icône
  • Taille : Écrire en pixel la dimension 

Style

  • Style d’arrière-plan d l’icône : Simple, Arrière-plan en cercle, Arrière-plan en carré, Créez le votre

Voici les options lorsque vous choisissez Simple

Couleurs

  • Couleur d’icône : Choisissez la couleur
  • Couleur de survol d’icône : Choisissez la couleur

Si vous choisissez avec arrière-plan, voici les options que vous aurez à configurer

  • Couleur d’icône par défaut : Préréglage 1, Préréglage 2
  • Couleur d’icône : Choisissez la couleur
  • Couleur de survol d’icône : Choisissez la couleur
  • Couleur d’arrière-plan : Choisissez la couleur
  • Opacité : Écrivez le chiffre en pourcentage
  • Couleur pour survol de l’arrière-plan : Choisissez la couleur
  • Opacité : Écrivez le chiffre en pourcentage
  • Dégradé : Oui, Non

Animation

  • Afficher animation : Oui, Non, (si oui, vous devrez choisir la couleur)

Action

Action

  • Action du clic : Infobulle, Lien (Si on choisi Lien, il faut configurer le lien et la cible)

Contenu infobulle

  • Boîte de texte : Écrire le texte
  • Style de l’infobulle : Classique, Courbé, Rond
  • Position du texte de l’infobulle : Gauche, Droite, Haut, Bas
  • S’active lors du : Survol, Clique
  • Marge intérieure de l’infobulle : indique les dimensions en pixel

Sauvegarder le marqueur

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.
  • 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: 5