[Résolu] Listes (Créer un compte)

  • Statut : non résolu
4 sujets de 1 à 4 (sur un total de 4)
  • Auteur
    Messages
  • #446634
    gP
    Participant
    Chevalier WordPress
    358 contributions

    Bonsoir,
    je souhaiterais remplacer la puce noir des listes par ma puce bleu à moi.
    C’est dans les CSS, oui, mais où ?
    Et comment je fais ?
    Par exemple (mais en plus petit) : puce_bleu.gif
    Merci…

    #567209
    Lobo
    Membre
    Initié WordPress
    13 contributions

    La propriété css list-style-image semble être ce qu’il te faut.
    Pour remplacer les images de toutes les listes il faut rajouter le code suivant dans ton fichier css.

    ul{
        list-style-image: url(images/maPuce.gif);
    }

    l’url de l’image peut-être absolue ou relative à l’emplacement du fichier css.

    Si tu veux remplacer uniquement une ou plusieurs listes spécifiques il vaut mieux spécifier une class pour les dites listes.

    CSS:

    .maClasse{
        list-style-image: url(images/maPuce.gif);
    }

    HTML:

    <ul class="maClasee">
       <li>item 1</li>
       <li>item 2</li>
    </ul>

    #567210
    gP
    Participant
    Chevalier WordPress
    358 contributions
    Lobo wrote:
    La propriété css list-style-image semble être ce qu’il te faut.
    Si tu veux remplacer uniquement une ou plusieurs listes spécifiques il vaut mieux spécifier une class pour les dites listes.

    .maClasse{
        list-style-image: url(images/maPuce.gif);
    }

    Merci Lobo. Je vais tester cela. 😎
    Y-a pas à dire, quel forum efficace. 🙂

    #567211
    gP
    Participant
    Chevalier WordPress
    358 contributions
    gP wrote:
    Lobo wrote:
    La propriété css list-style-image semble être ce qu’il te faut.
    Si tu veux remplacer uniquement une ou plusieurs listes spécifiques il vaut mieux spécifier une class pour les dites listes.

    .maClasse{
        list-style-image: url(images/maPuce.gif);
    }

    Merci Lobo. Je vais tester cela. 😎
    Génial ça fonctionne : Test Puce bleue :D
    Y-a pas à dire, quel forum efficace. 🙂

4 sujets de 1 à 4 (sur un total de 4)
  • Vous devez être connecté pour répondre à ce sujet.