Pour accéder plus rapidement au sommaire correspondant à cet article, cliquez sur le lien :

Publié dans : Ascenseurs, Puces et Curseurs - OB

Changer la couleur des puces des articles au cas par cas

et des modules Texte Libre

Lorsque vous faîtes une liste avec puce :
  • puce 1
  • puce 2
  • puce 3
Il peut être intéressant de personnaliser chaque ligne.

En mode source, cette ligne apparaîtra ainsi

<ul>
    <li>puce 1</li>
    <li>puce 2</li>
    <li>puce 3</li>
</ul>

Pour une puce de même couleur sur toutes les lignes

Pour changer la couleur de la puce vous allez rajouter ce qui est en rouge

<ul style="color:#ff0000;">
    <li>puce 1</li>
    <li>puce 2</li>
    <li>puce 3</li>
</ul>

ce qui donne
  • puce 1
  • puce 2
  • puce 3
Vous constatez que les écrits ont aussi changé de couleur.

Si vous désirez les remettre dans la couleur d'origine, vous rajoutez ce qui est en bleu

<ul style="color:ff0000;">
    <li><font color="#000033">puce 1</font></li>
    <li><font color="#000066">puce 2</font></li>
    <li><font color="#000099">puce 3</font></li>
</ul>

et vous obtenez
  • puce 1
  • puce 2
  • puce 3
Pour une puce différente à chaque ligne

Vous rajoutez ce qui est en vert
<ul style="color: ff0000;">
    <li ><font color="#000000">puce 1</font></li></ul>
<ul style="color: ffff00;">
    <li ><font color="#ff0000">puce 2</font></li></ul>
<ul style="color: ffffff;">
    <li "><font color="#ffff00">puce 3</font></li></ul>

ce qui donne

  • puce 1
  • puce 2
  • puce 3
Voir les 1 commentaires - Ecrire un commentaire
Recommander
Retour à l'accueil

 

Présentation

: Les ficelles d Anna K.
: 26/06/2006
annak : Aide et astuces pour créer et personnaliser un blog. Toutes les étapes pour créer un blog sur Over-Blog : les premiers pas, la gestion quotidienne (écrire des articles, placer des photos...), les modifications de CSS (changer les fonds, les couleurs de police...), des idées de design...et le personnaliser quelle que soit la plateforme : mettre en valeur les images et les textes, créer des menus, installer de la musique, des gadgets, des compteurs, des astuces de référencement...

 

Recherche Rapide Sur le Site

 

Sommaires

Sommaires Pour les Blogs OverBlog Sommaires Pour tous les Blogs Détente

 

Dernières Astuces

liste complète

 

Commentaires

 

Publicité

 

Contact - C.G.U. - Rémunération en droits d'auteur - Signaler un abus