bullet de couleur differentes

Réduire
Ce sujet est fermé.
X
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [RÉGLÉ] bullet de couleur differentes

    bonjour

    j'ai des menus de couleurs differentes
    je voudrais donc selon mes pages avec des couleurs de bullets differentes

    dans mon code j'ai:

    .art-postcontent ul>li:before, .art-post ul>li:before, .art-textblock ul>li:before

    {

    content: url('../images/postbullets.png');

    la bullet est rouge

    je voudrait sur une deuxieme page avoir une bullet verte et sur une autre une bullet orange

    vous pouvez m'aider ?
    merci
    gléglé

  • #2
    Re : bullet de couleur differentes

    Des idées ?
    Merci !
    Glegle

    Commentaire


    • #3
      Re : bullet de couleur differentes

      Salut
      Tu devrais t'en sortir avec les itemid de chaque page. Tu prends l'item et tu lui modifie le css.
      Auto-entrepreneur spécialiste Joomla https://www.stylitek.com

      Joomladay 2023 https://www.joomladay.fr/ 2 jours à ne pas manquer

      Commentaire


      • #4
        Re : bullet de couleur differentes

        merci pour ta reponse
        comment retrouver l'item de chaque page ?

        ce que j'ai fait:
        j'ai copié le fichier default.php
        components/com_content/views/article/tmpl/default.php

        dans mon templatetemplates/[mon template]/html/com_content/article

        je l'ai appelé default2.php

        et ensuite j'ai été dans mon article et dans la mise en page en bas à droite j'ai choisi default2.php

        mais apres je ne sais pas comment faire ?? il faut que j'aille dans ma css et que je rajoute un css qui correspond à la couleur du bullet ?
        je te mets mon site pour que cela soit plus clair
        http://www.souriezvouscuisinez.fr
        merci pour ton aide
        gléglé

        Commentaire


        • #5
          Re : bullet de couleur differentes

          Bonjour
          Tu peux m'aider ?
          Merci d'avance !
          Glegle

          Commentaire


          • #6
            Re : bullet de couleur differentes

            Tu le trouves en utilisant firebug ou inspecteur de chrome : clic droit sur le lien de menu / inspecter l'élément et là tu devrais trouver une ligne comme ca :
            <li class="item-124 current active"><a class=" active" href="/index.php/ct-menu-item-3">MENU 1</a></li>
            Dans l'exemple c'est item-124
            qui correspond à ton onglet menu1
            Auto-entrepreneur spécialiste Joomla https://www.stylitek.com

            Joomladay 2023 https://www.joomladay.fr/ 2 jours à ne pas manquer

            Commentaire


            • #7
              Re : bullet de couleur differentes

              merci pour ta réponse
              oui mais cela c'est pour changer la couleur du menu

              moi je cherche à changer la couleur des bullets en cas de liste <ul>

              tu sais comment faire ?
              merci !
              gléglé

              Commentaire


              • #8
                Re : bullet de couleur differentes

                Je ne vois aps ce qu'est ton bullet, mais dans ce cas tu affine ton css
                .item-124 div.toto ul li{color:#tacouleur;}
                C'est un exemple mais le css se sert de son imbrication pour toucher un élément
                Auto-entrepreneur spécialiste Joomla https://www.stylitek.com

                Joomladay 2023 https://www.joomladay.fr/ 2 jours à ne pas manquer

                Commentaire


                • #9
                  Re : bullet de couleur differentes

                  Code:
                  .item-124 div.toto ul li:before
                  
                  {
                  
                  content: url('../images/postbullets.png');
                  LA partie qui devrais t inspirer.

                  Commentaire


                  • #10
                    Re : bullet de couleur differentes

                    Code:
                    #id-de-ton-menu [class*="item-"] div.toto ul li:before {content: "●";}
                    
                    .item-124 div.toto ul li:before {color:red;}
                    
                    
                    .item-125 div.toto ul li:before {color:green;}
                    
                    
                    .item-126 div.toto ul li:before {color:blue;}

                    Commentaire


                    • #11
                      Re : bullet de couleur differentes

                      merci à tous pour vos réponses
                      mais cela correspond pas à quoi le div toto ?
                      merci d'avance
                      gléglé

                      Commentaire


                      • #12
                        Re : bullet de couleur differentes

                        j'ai trouvé la solution !
                        merci à tous pour votre aide !
                        gléglé

                        Commentaire

                        Annonce

                        Réduire
                        Aucune annonce pour le moment.

                        Partenaire de l'association

                        Réduire

                        Hébergeur Web PlanetHoster
                        Travaille ...
                        X