[Résolu] Comment créer une seconde liste
  • car la première s’applique “trop” (Créer un compte)
    • Statut : non résolu
    9 sujets de 1 à 9 (sur un total de 9)
    • Auteur
      Messages
    • #482258
      ETNZ
      Participant
      Initié WordPress
      39 contributions

      Bonjour,

      Ma configuration WP actuelle
      – Version de WordPress : 2.9.2
      – Version de PHP/MySQL : 5
      – Thème utilisé : MiniSite 4 in 1
      – Extensions en place : /
      – Nom de l’hebergeur : 1&1
      – Adresse du site : /

      Problème(s) rencontré(s) :

      Dans des articles de mon site, je souhaite que les “listes” apparaissent avec des puces en début de ligne (des points noir ou des cercles). J’ai trouvé ceci dans le CSS :
      ol, ul, li { list-style:none; }
      J’ai donc modifié ça pour avoir le résultat souhaité. Malheureusement, les modifications ont été apportées aux listes de mes articles (comme souhaité) mais aussi à d’autres éléments de la mise en page (menus, etc.) et cela ne me convient pas du tout.

      J’ai essayé de créer deux listes différentes : une pour mes éléments des articles (auquel j’apporte des modifications) et une pour le reste (auquel je ne change rien). Malheureusement je m’y perds les pinceaux et malgré de la doc, je n’arrive pas à créer une “seconde liste”. Est-ce possible ? Puis-je avoir deux listes

    • ou ?

      Voici le code de mon modèle de page (partie que je ne veux pas modifié mais que j’avais modifié en changeant le CSS) :

      <!-- START section -> [Joine] -->
          <div class="section">
            <h3 class="left-marker">Rejoignez moi</h3>
            <ul id="socials">
             
              <?php if(get_option('ht_facebook_url')<>“”){ ?>
              <li><a title="Viadeo" href="http://www.viadeo.com/fr/profile/">
              <img src="<?php bloginfo("template_directory");?>/images/viadeo_32.png” alt=”” />
              </a></li>
              <?php }?>
              
              <?php if(get_option('ht_linkedin_profile_url')<>“”){ ?>
              <li><a title="LinkedIn" href="<?php echo get_option('ht_linkedin_profile_url'); ?>“>
              <img src="<?php bloginfo("template_directory");?>/images/linkedin_32.png” alt=”” />
              </a></li>
              <?php }?>
      
              <?php if(get_option('ht_linkedin_profile_url')<>“”){ ?>
              <li><a title="TravelSteph.com" href="http://www.travelsteph.com">
              <img src="<?php bloginfo("template_directory");?>/images/ts.png” alt=”” />
              </a></li>
              <?php }?>
              
            </ul>
            <br class="fix" />
          </div>
          <!-- END section -->

      Comment faire pour modifier l’apparence des listes de mes articles sans modifier les autres listes des pages ?

      Merci d’avance pour vos réponses.

    #726495
    Red-rabbit
    Membre
    Maître WordPress
    688 contributions

    une class CSS supplémentaire tout bêtement.
    Une class pour ta liste a puce genre .puce et tu défini tes propriétés pour avoir tes puces et ce qui te convient et le tour est joué

    #726496
    ETNZ
    Participant
    Initié WordPress
    39 contributions

    Merci pour ta réponse.
    Mais si je créé une class CSS supplémentaire pour les puces, je dois modifier la class de la liste de mes articles. Et ça…je ne trouve pas ou ça se trouve (du coup j’avais essayé l’inverse mais ça n’allait pas).
    Ou dois-je modifier la class des listes de mes articles ?

    #726497
    xavier
    Gestionnaire du forum
    Maître WordPress
    2126 contributions

    Plus simplement, au lieu de cibler TOUTES les listes de ta pages, il faut que tu ne cibles QUE les listes contenues dans tes articles.

    Donc, passer de

    ol, ul, li { list-style:none; }

    …à, par exemple…

    .contentpaneopen ol, .contentpaneopen ul, .contentpaneopen li { list-style:none; }

    #726493
    ETNZ
    Participant
    Initié WordPress
    39 contributions

    Je suis vraiment désolé, mais je ne comprends pas (et mes tests ne sont pas concluants). Je vais essayer d’expliquer ce que je crois avoir compris de mon thème / CSS :

    Dans mes articles, j’ai des listes

  • . Dans la mise en page de mon site (menu, partie juste au dessus du pied de page, etc.), j’ai également des listes
  • . Du coup, si je modifie la ligne qui contient “ol, ul, li”, les modifications s’apportent à mes articles et à la mise en page du site, ce que je ne veux pas.

    J’ai bien vu vos messages, mais je ne comprends pas la mise en place. Je ne comprends pas non plus comment ça permet de “différencier” les listes, car celle que je veux modifier et celle que je ne veux pas modifier ont la même class CSS. Et pour créer une nouvelle class CSS…je ne comprends pas le fonctionnement 😕

    Bref, je suis désolé, mais je ne comprends pas vos réponses ni comment les mettre en œuvre Je suis un :boulet:…

  • #726494
    Red-rabbit
    Membre
    Maître WordPress
    688 contributions

    Il faut ajouter le code que Xavier a donné plus haut dans le fichier style.css.
    Ensuite tout ce qui est est sous forme de liste et qui demande des puces doit prendre cette classe. Donc rajouter par exemple dans le code source (sidebar.php et footer.php entre autre) la ou il y a besoin la class

    l<li class="contentpaneopen" blah blah et tu aura tes puces

    #726498
    ETNZ
    Participant
    Initié WordPress
    39 contributions

    Merci pour ta réponse, maintenant je comprends la logique. J’ai donc ajouté le code donné par Xavier dans le fichier style.css
    Bon, je n’ai pas encore réussi à changer les class dans les .php mais je garde espoir.

    Quel est le plus simple d’après vous (j’ai l’impression que vous me conseillez deux solutions différentes) :
    – Changer la class des puces de mes articles (pour l’instant j’ai aucune idée d’ou elles se trouvent)
    – Changer les class des autres

  • Qu’est ce qui vous semble le plus simple / pertinent ? Bien sur j’adapterai le code du CSS au choix.

    Merci encore pour votre aide et votre patience.

  • #726499
    bastien028
    Participant
    Padawan WordPress
    68 contributions

    Bonjour,

    1. Dans le fichier index.php, s’il n’y en a pas déjà une rajoute une div englobant tes articles avec une class (par ex post) –>insère

    avant l’article et

    après…
    2. Dans le fichier style.css, insère une règle sur les li contenus dans la class post :
    #post li{list-style:circle;} par exemple…
    Tu peux aussi faire ta puce et mettre un list-style:url(“image.ext”)

    Bon courage,

    #726500
    ETNZ
    Participant
    Initié WordPress
    39 contributions

    Bonjour,

    Un grand grand merci à vous Red-rabbit, Xavier et bastien08, merci pour votre patience ! J’ai effectué les modifications et ça fonctionne parfaitement 🙂

    Encore merci !
    See ya,

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