Classe active sur menu "alias de menu" ?

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

  • Classe active sur menu "alias de menu" ?

    Bonjour,

    Sur le site que je réalise, il y a un menu principal (normal…) et l'une de ses rubriques comporte des sous menus.
    Soit :
    A
    B
    - b1
    - b2
    - b3
    C

    J'ai intégré un autre menu sur les pages b1 b2 et b3 pour permettre de passer d'une page à l'autre de façon directe.
    Ce qui me donne quelque chose comme :
    b1 | b2 | b3

    Pour mettre en place les liens de ce menu spécifique, j'ai choisi "liens divers / alias de lien de menu". Je n'ai plus qu'à choisir les sous menus de mon menu principal pour mettre en place les liens de mon menu b1 b2 b3.

    Toute est OK… sauf que je vois dans mon code que je n'ai pas de classe active qui me permettrait de styler le lien de la page sur laquelle je suis.

    C'est à dire que si je suis sur la page b2 je voudrais obtenir le menu suivant :
    b1 | B2 | b3

    Est-ce que je m'y suis mal pris ? Une idée ?
    Merci à vous ! :-)

  • #2
    Re : Classe active sur menu "alias de menu" ?

    Bonjour ikeda,

    Avoir un lien sur ton site et connaître la version de Joomla! et le template utilisés nous aiderait à t'aider.

    Je vais te montrer ce que j'obtiens sur mon site de test : Joomla! v3.4.4 avec exemples en français et template Protostar.

    1) Menu (je n'utilise qu'un seul menu)
    • Accueil
    • Sites exemples
    • Joomla.org
    • Joomla.fr
    • Blog --> lien sur le blog de la catégorie qui contient 3 articles
      • b1 --> lien sur Premier article du blog
      • b2 --> lien sur Second article du blog
      • b3 --> lien sur Troisième article du blog

    2) Premier module = Menu Haut
    • position = position-1
    • niveau de départ = 1
    • dernier niveau = Tout
    • Afficher tous les liens = Oui
    • Suffixe CSS de menu = nav-pills (classe utilisée pour menu horizontal de Bootstrap)

    3) Deuxième module = Menu Haut (2)
    • position = position-3
    • niveau de départ = 2 (pour n'avoir que le niveau b1, b2, b3)
    • dernier niveau = 2
    • Afficher tous les liens = Non
    • Suffixe CSS de menu = nav-pills majuscule
      • nav-pills = classe utilisée pour menu horizontal de Bootstrap
      • majuscule = classe utilisée pour distinguer ce module pour faire la majuscule (uppercase)

    4) Code CSS ajouté à la fin de template.css
    La sélection se fait à la fois sur majuscule (pour ne concerner que le module avec cette classe) et sur active (pour ne concerner que le lien actif) :
    Code:
    .nav-pills.majuscule > .active > a,
    .nav-pills.majuscule > .active > a:hover,
    .nav-pills.majuscule > .active > a:focus {
    	text-transform: uppercase;
    }
    5) Résultat
    J'ai sélectionné le deuxième article (b2), le résultat est le même que se soit par le déroulant sous Blog du premier module ou en cliquant sur le b2 du deuxième module (cliquer sur l'image pour l'agrandir) :
    Cliquez sur l'image pour l'afficher en taille normale

Nom : menu-active.png 
Affichages : 1 
Taille : 12,2 Ko 
ID : 1805140
    Le b2 est en majuscule. On retrouve bien la classe active qui lui correspond sur le code HTML du deuxième module :
    Code:
    <div class="moduletable">
        <h3>Menu Haut (2)</h3>
        <ul class="nav menu nav-pills majuscule">
            <li class="item-507"><a href="index.php/blog/b1">b1</a></li>
            <li class="item-508 current active"><a href="index.php/blog/b2">b2</a></li>
            <li class="item-509"><a href="/prive/test-j344/index.php/blog/b3">b3</a></li>
        </ul>
    </div>
    Amicalement,
    Rajoz

    Commentaire


    • #3
      Re : Classe active sur menu &quot;alias de menu&quot; ?

      Merci Rajoz pour cette réponse si détaillée !

      Pour te répondre, mon site est pour l'instant en local.
      J'utilise le template Callisto de Rocket Theme + l'extension Flexicontent.
      Je suis toujours sous Joomla 3.4.3, j'attendais de voir ce que donnait la version 3.4.4 avant de faire la mise à jour. Y a t-il eu des retours, pas de trop gros bugs à signaler, je peux me lancer ?

      Si je comprends bien, tu me suggères d'utiliser une autre instance du même menu, mais avec un autre niveau de départ pour les liens ? La piste me semble intéressante. D'après mes premiers essais, ça semble fonctionner et j'ai bien une classe active dans mon code ! Me reste à travailler les CSS et ça devrait le faire.

      Je repasse dire ce que ça donne.
      Un grand merci à toi :-)

      Commentaire

      Annonce

      Réduire
      1 sur 2 < >

      C'est [Réglé] et on n'en parle plus ?

      A quoi ça sert ?
      La mention [Réglé] permet aux visiteurs d'identifier rapidement les messages qui ont trouvé une solution.

      Merci donc d'utiliser cette fonctionnalité afin de faciliter la navigation et la recherche d'informations de tous sur le forum.

      Si vous deviez oublier de porter cette mention, nous nous permettrons de le faire à votre place... mais seulement une fois
      Comment ajouter la mention [Réglé] à votre discussion ?
      1 - Aller sur votre discussion et éditer votre premier message :


      2 - Cliquer sur la liste déroulante Préfixe.

      3 - Choisir le préfixe [Réglé].


      4 - Et voilà… votre discussion est désormais identifiée comme réglée.

      2 sur 2 < >

      Assistance au forum - Outil de publication d'infos de votre site

      Compatibilité: PHP 4.1,PHP4, 5, 6DEV MySQL 3.2 - 5.5 MySQLi from 4.1 ( @ >=PHP 4.4.9)

      Support Version de Joomla! : | J!3.0 | J!2.5.xx | J!1.7.xx | J!1.6.xx | J1.5.xx | J!1.0.xx |

      Version française (FR) D'autres versions sont disponibles depuis la version originale de FPA

      UTILISER À VOS PROPRES RISQUES :
      L'exactitude et l'exhaustivité de ce script ainsi que la documentation ne sont pas garanties et aucune responsabilité ne sera acceptée pour tout dommage, questions ou confusion provoquée par l'utilisation de ce script.

      Problèmes connus :
      FPA n'est actuellement pas compatible avec des sites Joomla qui ont eu leur fichier configuration.php déplacé en dehors du répertoire public_html.

      Installation :

      1. Téléchargez l'archive souhaitée : http://afuj.github.io/FPA/

      Archive zip : https://github.com/AFUJ/FPA/zipball/master

      2. Décompressez le fichier de package téléchargé sur votre propre ordinateur (à l'aide de WinZip ou d'un outil de décompression natif).

      3. Lisez le fichier LISEZMOI inclus pour toutes les notes de versions spécifiques.

      4. LIRE le fichier de documentation inclus pour obtenir des instructions d'utilisation détaillées.

      5. Téléchargez le script fpa-fr.php à la racine de votre site Joomla!. C'est l'endroit que vous avez installé Joomla et ce n'est pas la racine principale de votre serveur. Voir les exemples ci-dessous.

      6. Exécutez le script via votre navigateur en tapant: http:// www. votresite .com/ fpa-fr.php
      et remplacer www. votresite .com par votre nom de domaine


      Exemples:
      Joomla! est installé dans votre répertoire web et vous avez installé la version française du fichier FPA:
      Télécharger le script fpa-fr.php dans: /public_html/
      Pour executer le script: http://www..com/fpa-fr.php

      Joomla! est installé dans un sous-répertoire nommé "cms" et vous avez installé la version française du fichier FPA:
      Télécharger le script fpa-fr.php dans: /public_html/cms/
      Pour executer le script: http://www..com/cms/fpa-fr.php

      En raison de la nature très sensible de l'information affichée par le script FPA, il doit être retiré immédiatement du serveur après son utilisation.

      Pour supprimer le script de votre site, utilisez le lien de script de suppression fourni en haut de la page du script. Si le lien de suppression échoue pour supprimer le script, utilisez votre programme FTP pour le supprimer manuellement ou changer le nom une fois que le script a généré les données du site et le message publié sur le forum. Si le script est toujours présent sur le site, il peut être utilisé pour recueillir suffisamment d'informations pour pirater votre site. Le retrait du script empêche des étrangers de l'utiliser pour jeter un oeil à la façon dont votre site est structuré et de détecter les défauts qui peuvent être utilisé à vos dépends.
      Voir plus
      Voir moins

      Partenaire de l'association

      Réduire

      Hébergeur Web PlanetHoster
      Travaille ...
      X