Changer la couleur d'un seul lien dans une barre de menu

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • Changer la couleur d'un seul lien dans une barre de menu

    Bonjour,

    Je cherche à changer la couleur d'un lien dans une barre de menu, je ne sais pas comment faire.

    J'ai bien essayé le clic droit avec Firefox puis inspecter l’élément mais le code CSS qui s'affiche s'applique à la barre complète du menu, je ne sais pas comment changer la couleur d'un titre individuellement.

    Pourriez vous m'indiquer comment procéder svp ?

    Mon template est Joomspirit 76, et je cherche à changer la couleur du lien intitulé "location caméra thermique infrarouge", les autres liens doivent rester dans leur couleur actuelle. ( voir capture ci joint )

    Merci pour votre aide,
    Fichiers joints
    Dernière édition par lcoulon à 16/01/2014, 18h34

  • #2
    Re : Changer la couleur d'un seul lien dans une barre de menu

    Bonjour,

    Chaque lien de menu a une classe unique.
    Essayez ce code pour votre site:
    .item-444 {
    color:#f00;
    }
    Ca va mettre le texte "La Thermographie" en rouge
    Un peu de pub: http://www.aplomb.ch

    Commentaire


    • #3
      Re : Changer la couleur d'un seul lien dans une barre de menu

      Salut
      Tout à fait d'accord avec al1pb, mais j'aurais plus modifier l'item 642 plutot que le 444
      Code:
      ul.menu li.item-642 a{color: #f00;}
      Auto-entrepreneur spécialiste Joomla https://www.stylitek.com

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

      Commentaire


      • #4
        Re : Changer la couleur d'un seul lien dans une barre de menu

        Pouvez vous me dire comment vous faites pour identifier le bon numéro d'item ?

        Ensuite, la modif doit se faire dans un fichier CSS n'est ce pas ?

        Commentaire


        • #5
          Re : Changer la couleur d'un seul lien dans une barre de menu

          Pour identifier il suffit d'utiliser l'xtension firebug => ensuite clic droit sur la partie à analyser et il suffit de prendre la partie de css qui correspond.
          Il y a là un item-id qui auto-incrémenté donc il suffit de prendre juste le bon
          Ensuite si tu veux tous les prendre tu ne tiens pas compte de cette item-id

          Ensuite, la modif doit se faire dans un fichier CSS n'est ce pas ?
          Oui c'est dans la feuille css de ton template. Si tu en as une qui s'appelle custom.css c'est celle là sinon prend template.css et tu mets sa tout à la fin pour être certain que ce soit pris en compte car les dernières déclarations sont celles prisent en compte
          Auto-entrepreneur spécialiste Joomla https://www.stylitek.com

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

          Commentaire


          • #6
            Re : Changer la couleur d'un seul lien dans une barre de menu

            Merci, le code fonctionne bien par contre il inhibe le hoover associé au survol des rubriques de menu
            Est ce possible de converser la couleur de survol et changer seulement la couleur de 'non survol' ?


            Edit :

            J'ai essayé d'utiliser le même principe pour modifier un autre site dont je m'occupe.
            Je voudrai mettre en rouge le titre 'Baptêmes de l'air' du menu principal.

            J'ai essayé d'ajouter à la fin du fichier template.css
            Code:
            ul.menu li.item-665 a{color: #FF0080;}
            mais la couleur de ce titre ne change pas.
            c'est la même chose si je copie cette ligne à la fin du fichier personal.css

            ( il n'y a pas de custom.css , le template utilisé dans ce site est BEEZ20 )
            le site c'est : http://www.tousenvol.com


            Merci à vous pour votre aide,
            Dernière édition par lcoulon à 19/07/2013, 20h55

            Commentaire


            • #7
              Re : Changer la couleur d'un seul lien dans une barre de menu

              Pourtant la syntaxe est la bonne.

              Mais tu as un style directement incorporé dans le html
              style="color: red;"
              Et le html prend le dessus sur le css
              Auto-entrepreneur spécialiste Joomla https://www.stylitek.com

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

              Commentaire


              • #8
                Re : Changer la couleur d'un seul lien dans une barre de menu

                Tu parles du site htpp://www.tousenvol.com n'est ce pas ?
                Lorsque je fais un clic droit puis inspecter sur le titre ' Vols - Baptemes de l'air ' je ne vois pas de style en couleur rouge

                Comment fais tu pour le voir ?

                Finalement, comment faire pour effectivement passer ce titre en rouge ?

                Commentaire


                • #9
                  Re : Changer la couleur d'un seul lien dans une barre de menu

                  Oups c'est moi qui avait ajouté le style
                  tu devrais essayer alors avec un chemin complet :
                  html body div#all div#back div#header ul.menu li.item-665 a{color: #ff0000;}
                  Auto-entrepreneur spécialiste Joomla https://www.stylitek.com

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

                  Commentaire


                  • #10
                    Re : Changer la couleur d'un seul lien dans une barre de menu

                    ul.menu li.item-665 a span {color: #FF0080;}
                    aidons nous les uns les autres ...

                    https://www.web54.fr

                    Commentaire


                    • #11
                      Re : Changer la couleur d'un seul lien dans une barre de menu

                      Envoyé par toffffe Voir le message
                      tu devrais essayer alors avec un chemin complet :
                      En effet, ça fonctionne bien à présent.
                      Merci beaucoup !

                      Commentaire


                      • #12
                        Re : Changer la couleur d'un seul lien dans une barre de menu

                        Bonjour

                        J'essaie de modifier la couleur du mot 'CONNEXION' dans le menu latéral gauche.
                        dans le site http://www.tousenvol.com

                        j'ai modifié le fichier personal.css en ajoutant à la fin du fichier :

                        Code:
                        html body div#all div#back div#contentarea div#nav.left1.leftbigger span.backh2 span.backh3{color: #d0a02d;}
                        Par contre la couleur c'est appliquée à tout les titres alors que je voulais l'appliquer seulement au mot 'Connexion'

                        Pourriez vous m'indiquer ce que je dois corriger pour y parvenir ?

                        Merci à vous,
                        Dernière édition par lcoulon à 16/01/2014, 18h39

                        Commentaire


                        • #13
                          Re : Changer la couleur d'un seul lien dans une barre de menu

                          il faut que tu utilises des suffixes de classe de modules
                          aidons nous les uns les autres ...

                          https://www.web54.fr

                          Commentaire


                          • #14
                            Re : Changer la couleur d'un seul lien dans une barre de menu

                            Peux tu me montrer car je ne suis pas à l'aise ...

                            Commentaire


                            • #15
                              Re : Changer la couleur d'un seul lien dans une barre de menu

                              Salut
                              Dans chaque module tu as une zone suffixes de classe dans laquelle tu peux mettre un nom pour la différencier des autres modules. Ensuite il suffit d'observer avec firebug
                              Auto-entrepreneur spécialiste Joomla https://www.stylitek.com

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

                              Commentaire

                              Annonce

                              Réduire
                              Aucune annonce pour le moment.

                              Partenaire de l'association

                              Réduire

                              Hébergeur Web PlanetHoster
                              Travaille ...
                              X