Liste Informative (plus)

L’ajout de Liste Informative (plus), permet de mettre de l’information sous forme de fiches très créative

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

Liste d’item

Liste d’item 1

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

Une nouvelle boîte de configuration ouvre

Général

Configuration Générale

• Titre : Écrivez votre texte ici
• Lien : Écrivez ou choisissez le lien de votre page
• Appliquez le lien à : Pas de lien, Boîte complète, Titre de liste, Icône
• Cible du lien : Nouvelle fenêtre, Même fenêtre
• Lien sans suivi : oui, non
• Boîte de texte : Écrivez votre texte

Image/Icône

Image/Icône

• Type d’image : Aucun/e, Icône, Photo, Caractère personnalisé

Pour Icône, vous devrez choisir l’icône et sa couleur
Pour Photo, Vous devrez choisir son origine (Médiathèque ou URL) – L’URL n’est pas recommandé, elle peut changer à n’importe quel moment

Général

Configuration de Liste

• Position d’image/icône : Icône à la gauche, Icône à la droite, Icône en haut
• Alignement vertical de l’icône : Centre, Haut
• Structure pour mobile : En-ligne, Empilé
• Taille d’image/icône : Écrivez la taille en pixel
• Espace entre deux éléments : Indiquez le chiffre en pixel
• Style d’image/Icône : Simple, Carré, Cercle, Créez le votre

Pour carré ou cercle, vous devrez choisir une couleur d’arrière-plan et son opacité.
Pour Créez le votre, vous devrez aussi choisir, la grandeur des coins arrondis, les marges intérieures et la bordure. 

• Animation d’image/Icône : Oui, non

Connecteur de liste

• Afficher les connecteurs : Non, oui

Si vous choisissez Oui, vous aurez les configurations suivantes.

• Couleur de la ligne de connecteur : Choisissez la couleur à afficher
• Style de la ligne de connecteur : Continue, Tirets, Pointillée

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
• Couleur : Choisissez la couleur
• 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
• Marges du haut : Écrire en pixel la taille voulue
• Marges du bas : Écrire en pixel la taille voulue

Description

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

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