Style CSS du lien de menu actif

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

  • [RÉGLÉ] Style CSS du lien de menu actif

    Bonjour à tous,
    Je suis un nouvel utilisateur de Joomla, mais ayant des connaissances récentes en HTML/CSS.
    Mon premier site Joomla est quasiment terminé et je peaufine les détails.


    Je voudrais changer la couleur du lien de menu quand je me trouve sur la page concernée. (Ex: si je suis sur la page d'accueil, "Accueil" est d'une autre couleur.

    Quelques détails pour vous aider:
    - Joomla 2.5.7
    - j'utilise un template perso
    - menu "moduletable_menu" (menu de base fourni par Joomla)

    J'ai remarqué qu'un lien de menu à la classe "item-101" (par exemple), et quand on est sur cette page ça donne ça: "item-101 current active". J'ai beau essayer plusieurs configurations dans mon CSS avec current et active, mais sans résultat!

    Si quelqu'un peux m'éclairer sur ce sujet, ça serait sympa!
    Dernière édition par Geoffrey49 à 08/10/2012, 18h51

  • #2
    Re : Style CSS du lien de menu actif

    essaye en mettant !important a la fin dees propriéts sur la classe active. Si cela ne marches pas,poste ce que tu as mis dans cette classe

    Commentaire


    • #3
      Re : Style CSS du lien de menu actif

      Merci pour ta réponse.
      Ça ne fonctionne pas non plus avec !important.

      Justement, je ne sais pas quelle classe indiquer dans mon fichier css: .current ? .current active ?
      J'ai essayé ses différents cas, et ça ne change rien.

      Par exemple:

      - Fichier CSS


      Code:
      .active
      {
      	color: #fff500;
      }
      Html de menu généré par Joomla!:

      Code HTML:
      <div class="moduletable_menu">
      <ul class="menu">
      <li class="item-101 current active">
      <a href="/1t2c/" >ACCUEIL</a>
      </li>
      <li class="item-107">
      <a href="/1t2c/index.php/news" >ACTUALITE</a>
      </li>
      <li class="item-108">
      <a href="/1t2c/index.php/equipes" >EQUIPES</a>
      </li>
      <li class="item-109">
      <a href="/1t2c/index.php/galerie" >GALERIE</a>
      </li>
      <li class="item-110">
      <a href="/1t2c/index.php/partenaires" >PARTENAIRES</a>
      </li>
      <li class="item-111">
      <a href="/1t2c/index.php/contact" >CONTACT</a>
      </li>
      </ul>
      </div>
      Ici, c'est quand la page ACCUEIL est affichée.


      Si tu as d'autres propositions je suis preneur.
      Merci.

      Commentaire


      • #4
        Re : Style CSS du lien de menu actif

        Je me permets de faire un petit UP.
        Personne n'a de solutions?

        J'ai mis le site en ligne, le voici: http://www.teamcyclistecholetais.fr/

        Merci pour votre aide.

        Commentaire


        • #5
          Re : Style CSS du lien de menu actif

          tu l as dit toi meme c est un lien li.active a {} c est le lien qu il faut viser....

          .moduletable_menu ul li.active a {
          color:blue;
          }

          Commentaire


          • #6
            Re : Style CSS du lien de menu actif

            Bonjour,
            Merci pour la solution!
            Problème Résolu.

            Commentaire

            Annonce

            Réduire
            Aucune annonce pour le moment.

            Partenaire de l'association

            Réduire

            Hébergeur Web PlanetHoster
            Travaille ...
            X