Moomenu : Les liens "activés"

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

  • Moomenu : Les liens "activés"

    Bonjour,

    Je viens de terminer l'implantation du Moomenuh, proposé sur le site de Ced. Toutefois, j'aimerais y ajouter une petite touche par le biais du CSS que j'ai déjà adapté à mon template mais je sais pas sous quelle classe ou sous-classe se trouve ce dont j'ai besoin.

    http://www.empire-enforcers.com/

    En effet, sur le site que je viens de vous linker, lorsqu'on clique sur un des liens principaux comme "La Structure", on arrive sur la page lié à ce lien et on peut remarquer que dans le menu, la couleur du lien et son arrière-plan ont été modifiés.

    Autre chose, lorsque l'on passe sur le lien "La Structure", ce lien passe en blanc (rien de bien compliqué avec un petit a:hover) mais ensuite, lorsqu'on passe sur les liens enfants de ce lien parent, les liens enfants changent aussi de couleur par un hover mais on remarque que le lien parent "La Structure" conserve son effet de subrillance et reste blanc tant que l'on navigue dans l'un de ces enfants.

    Comment puis-je arriver à ce résultat ? Ajout dans le CSS ou dans le fichier JS ?

  • #2
    pour le lien actif, tu peux utiliser la classe 'active' ou l'Id 'current'. Faut que tu regardes lequel de ces deux convient. Je ne sais plus de tête.

    pour l'histoire du survol, essaies de regarder du côté de 'li.sfhover a' car dans le moomenu lorsque tu survoles un LI le script lui appliques une classe 'sfhover' pour le déroulement, et tu peux donc l'utiliser pour colorier les liens qui sont dedans.

    à mon avis ce n'est que du CSS
    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
      J'ai tenté d'ajouter un attribut color dans ces deux bouts de code :

      Code HTML:
      #top_menu li:hover ul ul, #top_menu li:hover ul ul ul,
      #top_menu li.sfhover ul ul, #top_menu li.sfhover ul ul ul {
      left: -999em;
      }
      
      #top_menu li:hover ul, #top_menu li li:hover ul, #top_menu li li li:hover ul,
      #top_menu li.sfhover ul, #top_menu li li.sfhover ul, #top_menu li li li.sfhover ul {
      left: auto;
      }
      Mais aucun résultat =/

      Commentaire


      • #4
        normal tu veux appliquer une couleur sur un UL, tu dois l'appliquer sur le A ou le SPAN car les autres CSS sont prédominants s'ils sont existants.
        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
          Je viens d'essayer de mettre un attribut couleur sur #top_menu li.sfhover a ou #top_menu li.sfhover span mais rien n'y fait =/

          Commentaire


          • #6
            un lien vers un site serait d'une grande utilité. Je suppose que tu bosses en local, tu n'as pas un site distant pour tes tests ?
            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
              Non =/

              Le site distant est celui sur mon hébergeur où je n'effectue pas mes tests (un tord je sais "). Mes tests sont uniquement effectués en local.

              =/

              Commentaire


              • #8
                tu peux pas te créer un sous-rep avec une 2e bdd (ou changer les préfixes) pour faire tourner 2 sites ? c'est jamais évident de filer un coup de main sur du local...

                PS : tu noteras que je te réponds sur les deux posts à la fois... lol
                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


                • #9
                  tu peux essayer avec un truc du genre :
                  Code:
                  #top_menu ul li.sfhover.parent a {
                  color : #fff;
                  }
                  
                  #top_menu ul li.sfhover.parent li a {
                  color : #000;
                  }
                  
                  
                  #top_menu ul li.parent li.sfhover a {
                  color : #fff;
                  }
                  ça marche bien si tu n'as qu'un seul niveau d'enfants. Sinon faut dupliquer le principe sur les LI enfants
                  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


                  • #10
                    Toujours rien, je vais devenir fou à m'embourber pour des détails à la ***** Rrrrrrrrrr

                    *va chercher le fusil*

                    Commentaire


                    • #11
                      Comme dit sur le sujet du Menu accordéon, je vais te tenir au courant pour le Moomenu ici-même.
                      Je viens de désactiver le menu accordéon étant donné que tu as pu te rendre compte du bug que je subissais sur les hauteur à l'ouverture du lien parent.

                      Donc pour en revenir au Moomenu, j'ai un soucis avec les effets de transition Mootools qui persiste depuis le début. En gros, le menu se déplie bien corecctement mais aucun effet de transition ne s'applique à mon Menu que cela soit avec la version de base que tu expliques dans ton tuto ou avec le fichier modifié que tu m'as envoyé (Pour linker les paramètres Mootools du Moomenu avec l'administration du template).

                      Peut-être devrais-je essayer de charger la libraire Mootools depuis le template comme j'ai dû le faire en testant le menu accordéon JQuery ?

                      Commentaire


                      • #12
                        Je viens de me rendre compte d'une chose à laquelle je n'avais pas pris attention. Lorsque le Menu accordéon et le Moomenu sont tous les deux présents, Le Moomenu ne réagit plus lorsque je passe la souris par dessus mais il réagit au clic et s'ouvre sur la droite (en fait, on dirait qu'il prend les même effets que le scripts Accordéon) et là étonnement, l'effet Mootools s'applique sur le Moomenu.

                        Par contre, si je supprime l'appel de script accordéon, mon Moomenu se comporte normalement mis à part le fait qu'aucun effet de transition Mootools ne s'y applique Quelque chose me dit que je devrais regarder du côté du script accordéon histoire de voir à quelle classe il s'applique. C'est peut-être un soucis dans le fichier JS qui fait que il ne se lie pas avec ma bonne classe CSS du Moomenu.

                        Commentaire


                        • #13
                          télécharges le fichier JS à partir du package (en bas de page sur mon site) et remplace ton fichier moomenuh.js .
                          Apparemment le copier-coller du site direct n'est pas top...
                          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


                          • #14
                            Magnifique ! Ca marche ! A n'y rien comprendre Oo

                            Bon bah ! Une dernière question pour le Moomenu, j'ai mis un séparateur entre chaque lien mais il est déclaré en tant que background dans le css. Toutefois, lorsqu'on survole le lien l'arrière plan se modifie. Y a-t-il un moyen pour implanter un séparateur entre chaque lien sans le mettre en background ? Car lorsqu'on survole les liens, vu que le background change (et est appliqué avec un repeat-x) le séparateur disparaît.

                            Commentaire


                            • #15
                              super, je ne sais pas pourquoi le code copié du site ne fonctionne pas. Faudra que je regarde.
                              J'ai pas trop le temps pour ton truc de separateur, je te conseille de mettre ce post en réglé et en ouvrir un nouveau pour ton souci de css
                              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