Website X5 pour tous

Rechercher

Aller au contenu

Puces colorées

É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.



Accueil | Étape 1 | Étape 2 | Étape 3 | Étape 4 | Étape 5 | Divers | Avancées | Liens | Contacts | Plan du site


Sous-menu


Revenir au contenu | Revenir au menu