Joomladay francophone 2018 à Paris 18 et 19 mai

menu dans une zone et sous-menu dans une autre

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

  • menu dans une zone et sous-menu dans une autre

    Bonjour,

    J'aimerais créer un menu horizontal qui aurait un sous-menu vertical placé dans une autre zone (un autre div)
    Est-ce possible dans joomla?

    De plus j'aimerais que les éléments du menu ET du sous-menu séléctionnés soit dans des couleurs différentes. ex: je sélectionne la rubrique "secteur" dans le menu principal et la sous-rubrique "construction" du sous-menu et les deux états sélectionnés doivent avoir des couleurs différentes.

    Merci

  • #2
    Salut,

    tout se gère dans le css pour les couleurs.
    L'histoire du DIV différent j'ai pas compris. Si tu veux déplacer ton sous-menu, là encore c'est dans le CSS que tu pilotes les positions (mais pas les div).
    ++
    Vive Joomla! http://www.joomlack.fr Tutoriels et extensions pour Joomla!. Livre création de template Joomla de plus de 200 pages.
    http://www.template-creator.com Outil de création de templates
    Module Maximenu CK - Megamenu, multicolonnes, chargement de module, description de lien, deroulement animé - Compatible Virtuemart, Hikashop

    Commentaire


    • #3
      Salut et merci de ta réponse,

      en fait j'aimerais créer un menu principal qui soit placé dans un div

      et un sous-menu rattaché à ce menu principal mais placé lui dans un autre div.

      Je me demandais si c'était possible dans joomla parce que le résultat que j'obtiens quand je crée un menu et un sous menu se situe dans un seul et même div.

      Commentaire


      • #4
        En fait tu dois avoir ton module principal qui est (si style=xhtml) en 4 div.
        A l'intérieur tu dois trouver le menu sous forme de liste ul li pour les éléments principaux et ul li li pour les sous éléments.
        C'est pas sur que ce soit pour tous les styles de menu, à confirmer.

        je ne comprends pas bien POURQUOI tu veux deux div différents.
        Si tu m'expliques exactement la finalité de ta question, peut etre n'as-tu pas besoin des 2 div....
        Vive Joomla! http://www.joomlack.fr Tutoriels et extensions pour Joomla!. Livre création de template Joomla de plus de 200 pages.
        http://www.template-creator.com Outil de création de templates
        Module Maximenu CK - Megamenu, multicolonnes, chargement de module, description de lien, deroulement animé - Compatible Virtuemart, Hikashop

        Commentaire


        • #5
          En fait je voulais avoir mon sous-menu dans un autre div de manière à pouvoir le placer complétement ailleurs par rapport au menu principal.

          Mais finalement ce que j'ai fait c'est créer deux menus différents de manière à pouvoir les positionner comme je voulais-->c'est moins "propre" mais ca marche

          Pourrais-tu dès lors m'expliquer comment faire en CSS pour avoir plusieurs états "current"?

          Je m'explique:

          Pour le moment lorsque je clique sur un élément du menu principal, celui-ci devient souligné (c'est ce que j'avais paramétré en CSS).

          Mais lorsque je clique sur un élément de mon autre menu (initialement le sous-menu avant mon changement), l'élément du menu principal que j'avais sélectionné n'est plus souligné et l'élément de mon autre menu séléctionné n'obtient pas vraiment le résultat que je voudrais.

          Comment m'y prendre pour que l'élément du menu principal séléctionné soit souligné ET celui de l'autre menu obtiennent un fond bleu?

          voici un lien où tu pourras visualiser ce que j'aimerais faire:
          http://www.mobiletoken.com/com/testoli/fm_intro.html

          Ceci à été réalisé en html (voir code ci-dessous) mais je n'arrive pas à obtenir la même chose sous joomla.

          Code HTML du menu principal:
          Code:
          <ul>
          <li><a href="#">Accueil</a></li>
          <li><a class="current" href="#">Secteurs</a></li>
          <li><a href="#">Solutions</a></li>
          <li><a href="#">Partenaires</a></li>
          <li><a href="#">Société</a></li>
          <li><a href="#">Contact</a></li>
          </ul>
          CSS du menu principal:
          Code:
          #nav ul li a.current, #nav ul li a.current:visited {
          color:#09ACFF;
          text-decoration:underline;
          }
          Code HTML du sous-menu:
          Code:
          <ul>
          <li><a class="currentsub" href="#">Field Marketing</a></li>
          <li><a href="#">Construction</a></li>
          <li><a href="#">Services Techniques</a></li>
          </ul>
          CSS du sous-menu:
          Code:
          #subnav ul li a.currentsub, #subnav ul li a.currentsub:visited {
          background-image:url(../images/subnav_blue.jpg);
          color: #FFF;
          }
          Comme vous l'aurez remarqué, en HTML, j'utilise deux classes différentes "current" et "currentsub"

          Mais dans joomla comment ça marche?

          Commentaire


          • #6
            j'ai vu que tu as copié ta demande ailleurs dans le forum....je vais donc la bas.
            http://forum.joomla.fr/showthread.ph...355#post350355
            Vive Joomla! http://www.joomlack.fr Tutoriels et extensions pour Joomla!. Livre création de template Joomla de plus de 200 pages.
            http://www.template-creator.com Outil de création de templates
            Module Maximenu CK - Megamenu, multicolonnes, chargement de module, description de lien, deroulement animé - Compatible Virtuemart, Hikashop

            Commentaire


            • #7
              ok je te retrouve là-bas

              Commentaire


              • #8
                passe ce post en "Réglé"
                Vive Joomla! http://www.joomlack.fr Tutoriels et extensions pour Joomla!. Livre création de template Joomla de plus de 200 pages.
                http://www.template-creator.com Outil de création de templates
                Module Maximenu CK - Megamenu, multicolonnes, chargement de module, description de lien, deroulement animé - Compatible Virtuemart, Hikashop

                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
                Travaille ...
                X