Description

En utilisant les feuilles de styles en cascade (CSS) il est possible de modifier l'aspect des listes de sorte qu'elles affichent des images définies par l'utilisateur plutôt que les symboles standards (marque ronde ou carrée, numéro, chiffre latin, etc.)

Par exemple, voici une liste avec marque ronde standard :

• point 1
• point 2
• point 3
   

Et voici la même liste après avoir appliqué l'action "List Item Image"

1. point 1
2. point 2
3. point 3

Les navigateurs qui ne sont pas compatibles avec les CSS afficheront le modèle standard de liste comme si vous n'aviez pas appliqué l'action.

Utiliser l'action

Appliquer l'action "List Item Image" à votre page ou à un bloc html contenant du texte.
Sélectionnez la partie du texte que vous souhaitez afficher sous forme de liste. Dans la palette spécification, choisir dans le menu déroulant "Liste" l'option "Marques rondes pleines" (ou un autre symbole de liste).

Enfin, dans la palette action, sélectionnez via le menu déroulant "Image" l'image symbole de liste.
Attention à créer une image de petite taille pour éviter des problèmes d'affichage.
Publiez votre page afin de visualiser le résultat dans votre navigateur internet.

Compatibilité des navigateurs

Tout navigateur compatible avec les CSS.

Télécharger l'action

Téléchargez l'action "List Item Image" pour Freeway 3 et supérieur, placez-la dans votre dossier Freeway Actions.

Tutoriel réalisé par Thierry Allard pour ClubF

Avec l'aimable autorisation de freewayactions.com