Mettre un fond et une couleur différente sur chaque élément du menu principal

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

  • [RÉGLÉ] Mettre un fond et une couleur différente sur chaque élément du menu principal

    Bonjour,

    Je suis encore en train de travailler sur mon template.

    J'aurai éventuellement besoin de mettre chaque élément du menu principal (nav) d'une couleur différente et avec un fond d'une couleur différente aussi lorsque le lien est actif.

    Ma question est simple : est-ce possible ?

    Par avance merci !

  • #2
    Re : Mettre un fond et une couleur différente sur chaque élément du menu principal

    Salut
    Oui c'est possible, ensuite tout dépend de ton template
    Je t'invite a laisser ici ton lien de menu
    La modification se fera dans les css en prenant compte de l'itemid
    Auto-entrepreneur spécialiste Joomla https://www.stylitek.com

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

    Commentaire


    • #3
      Re : Mettre un fond et une couleur différente sur chaque élément du menu principal

      Code HTML:
      <li class="item-101 current active"><a href="/">Accueil</a></li>
      Si j'ai bien compris, il faut que je prenne la classe item-101 et que je lui attribue des propriétés en CSS.
      Je les rajoute dans le fichier CSS de mon template ou bien sur un autre fichier CSS ?

      Commentaire


      • #4
        Re : Mettre un fond et une couleur différente sur chaque élément du menu principal

        Oui c'est ca :
        Le mieux est de le faire dans une feuille custom.css si tu en as une.
        Voila comment l'ajouté si tu n'en a pas http://www.stylitek.com/tutoriel-joo...crasement.html

        Mais tu peux aussi mettre ton code en fin de feuille css, mais par contre attention lors de la mise à jour des template qu'elle ne soit pas écrasée
        Auto-entrepreneur spécialiste Joomla https://www.stylitek.com

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

        Commentaire


        • #5
          Re : Mettre un fond et une couleur différente sur chaque élément du menu principal

          ok merci pour cette info !

          Par contre, j'ai créé moi-même le template de A à Z, c'est donc pas utile de créer la feuille custom.css ?

          Si j'ai bien compris, cette feuille (custom.css) est très utile lorsque tu modifies un template déjà existant ? (à cause des éventuelles mises à jour). Dis-moi si je me trompe.

          Et dernière question, pour les modifications des items des menus dans le css, il va comprendre tout seul qu'il doit aller les chercher dans mon fichier template.css ?

          Commentaire


          • #6
            Re : Mettre un fond et une couleur différente sur chaque élément du menu principal

            Si j'ai bien compris, cette feuille (custom.css) est très utile lorsque tu modifies un template déjà existant ? (à cause des éventuelles mises à jour). Dis-moi si je me trompe.
            Non tu ne te trompes pas

            il faut que tu lui donnes le chemin dans ton css
            Auto-entrepreneur spécialiste Joomla https://www.stylitek.com

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

            Commentaire


            • #7
              Re : Mettre un fond et une couleur différente sur chaque élément du menu principal

              ok merci

              #nav ul li .item-101 ? ou bien faut-il détailler toutes les classes ?

              Commentaire


              • #8
                Re : Mettre un fond et une couleur différente sur chaque élément du menu principal

                J'ai réussi, il suffit juste de mettre la classe comme les autres et tout fonctionne.
                Merci !

                Commentaire

                Annonce

                Réduire
                Aucune annonce pour le moment.

                Partenaire de l'association

                Réduire

                Hébergeur Web PlanetHoster
                Travaille ...
                X