Étape 3 > Textes
Des puces de la même couleur que le texte
Vous voulez organiser vos textes de façon claire et précise, afin d'en faciliter la lecture par vos visiteurs. Vous utilisez la fonction Liste à puces, pour hiérarchiser votre texte.
Aucun problème jusque-là...
Voilà que vous désirez utiliser un texte de couleur.
Comme Website X5 ne permet pas de changer la couleur des puces, le résultat obtenu est décevant.
La solution:
1- Allez en mode Création du plan du site et sélectionnez la page contenant la liste à puces.
Cliquez sur l'outil Propriétés de la page
2 - La fenêtre Propriétés de la page vous apparaîtra...
3 - Cliquez sur l'onglet Avancées
Insérez dans la fenêtre centrale le code suivant:
<style>
ul.imBullet {
color: orange;
}
</style>
Cliquez sur OK,
Testez le résultat...
Les puces et le texte sont maintenant de la même couleur.
Vous pouvez ajuster le paramètre COLOR en utilisant la couleur de votre choix, ou en utilisant la notation hexadécimale (ex: #FFFFC0)
Cet astuce ajoute une fonction STYLE à la page concernée, pas à tout le site.
4 - Pour appliquer une couleur de puces à l'ensemble de votre site web, allez à l'onglet 1, Paramètres généraux
5 - Cliquer sur l'onglet Avancées
6 - Cliquer sur l'onglet Avancées, positionnez-vous à la toute fin des balises Meta, dans la boîte Code personnalisé pour la section Head, copiez le code de l'étape 3, ci haut, et collez-le à la fin des annotations existantes.
La fonction STYLE définie à cette étape s'appliquera à l'ensemble de votre site web.