La version finale sera mise en ligne avant la fin du mois, la nouveauté par rapport aux dernières versions de travail est l'intégration d'une fonction permettant de rajouter des puces numériques associées à des légendes sur vos images.

Dans la version gratuite cette fonctionnalité n'est disponible que pour l'aperçu de vos rubriques, elle n'est pas reprise lors de la publication du projet.

11

Numéroter les zones de vos images

Vous pouvez insérer dans vos images des puces numérotées et leur associer une légende.

Fig. 16 Gestionnaire des puces numériques

Pour ajouter une puce cliquez simplement sur l'image à l'endroit où vous voulez la déposer, pour la déplacer cliquez dessus et faites-la glisser tout en gardant le bouton gauche de la souris enfoncé, pour la supprimer cliquez dessus et pressez les touches Ctrl+Suppr.

Sélectionnez vos puces et entrez leur légende puis validez pour enregistrer les modifications, à tout instant vous pourrez revenir les éditer.

Lorsque vous insérerez une image contenant de telles puces avec le bouton Légender elles s'incrusteront et les légendes s'afficheront en-dessous.

Styler les légendes

L'ensemble image + légendes est englobé dans un bloc (div) ayant pour style css .Bloc-PuceLegende, la liste numérotée est elle placée dans un bloc ayant pour style .PuceLegende, et le texte des légendes a pour style .Item-PuceLegende.

Les régles css employées ici pour .PuceLegende et .Item-PuceLegende sont disponibles dans la bibliothèque css section Liste > Puces Numériques



Fig. 17 Exemple d'image avec puces - Dialogue ajout mot-clef

Comme toujours n'hésitez pas à me contacter si vous trouvez des bugs ou pour toutes vos questions et remarques.



Télécharger la version beta 7.1

Imprimer