couleur différente pour chaque rubrique de mon menu

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

  • [RÉGLÉ] couleur différente pour chaque rubrique de mon menu

    Bonjour
    je souhaiterais avec une couleur différente pour chacune des rubriques de mon menu
    est ce possible ?
    sur firebug je vois bien que chacune des rubriques a un nom différent
    ex
    <li class="item-228"><a href="/ogm_version3/index.php/ct-menu-item-27">ECOLE</a></li>
    <a href="/ogm_version3/index.php/ct-menu-item-29">COLLEGE</a>

    mais je ne retrouve pas la classe dans laquelle je dois changer la couleur

    merci pour votre aide !
    gléglé

  • #2
    Re : couleur différente pour chaque rubrique de mon menu

    Salut
    Peut être qu'un lien vers ton site pourrais aider, mais la class peut être "item-228" dans l'exemple que tu donnes
    Formation Joomla agence internet https://www.stylitek.com
    Melijoy création de site Joomla compétitif https://www.melijoy.fr
    agence web spécialiste référencement http://www.agence-web-stylitek.fr

    Commentaire


    • #3
      Re : couleur différente pour chaque rubrique de mon menu

      merci pour ta réponse
      je travaille en local
      mais je vais te donner un lien sur un autre site
      c'est exactement la même configuration
      le site est www.lol-oenologie.com
      pour l'onglet site internet
      <li class="item-148"><a href="/index.php/site-internet">Site internet</a></li>
      pour l'onglet webmarketing

      <li class="item-150"><a href="/index.php/webmarketing">Webmarketing</a></li>

      je ne retrouve pas dans template.css de class nommée item-50
      tu peux m'aider ?
      merci
      gléglé

      Commentaire


      • #4
        Re : couleur différente pour chaque rubrique de mon menu

        Bonjour,

        je pense que le nom de classe est générée à la volée (dieu seul sait pourquoi), il faudrait regarder dans le ficheir index.php du template.

        A propos de template, on peut connaître celui que tu utilises ?
        Il y a 10 sortes de gens. Ceux qui savent compter en binaire et ceux qui ne savent pas ...

        Commentaire


        • #5
          Re : couleur différente pour chaque rubrique de mon menu

          utilise la classe item-[id de l'item]
          pour ce selecteur:
          <li class="item-148">

          ajoutes en fin de ton fichier css :
          .item-148 {background: red;}

          pour ce sélécteur:
          <li class="item-148">


          ajoutes en fin de ton fichier css :
          .item-150 {background: blue;}

          chaque element li a sa classe spécifique.

          Tu doit créer une classe par élément...

          @pieceofcake:

          Les classe sont générées à la volée car elle depende de l'id de l'élément . Cela permet de créer une classe par élément, donc de personnaliser chaque element de menu indépendament des uns des autres.... si tu as une classe unique, comment faire?
          C'est pour ca que tu ne les trouves pas dans les fichiers css. Tu peut avoir un id de 250 pour le second élément.
          Donc impossible àgérer autrement qu en les créant manuellement.
          Dernière édition par lefabdu51 à 07/03/2014, 14h31
          Mon site en cours de construction avec de nouvelles catégories de documents...
          https://informaticien51.fr

          Commentaire


          • #6
            Re : couleur différente pour chaque rubrique de mon menu

            Envoyé par PieceOfCake Voir le message
            A propos de template, on peut connaître celui que tu utilises ?
            Je dirai du perso ...
            “Un message d’erreur sur votre site Joomla ... ayez le reflexe de consulter le nouveau service (en Beta) de la base de connaissance https://kb.joomla.fr
            Ce forum, vous l'aimez ? il vous a sauvé la vie ? Vous y apprenez chaque jour ? Alors adhérer à l'AFUJ https://www.joomla.fr/association/adherer

            Commentaire


            • #7
              Re : couleur différente pour chaque rubrique de mon menu

              @pieceofcake:

              Les classe sont générées à la volée car elle depende de l'id de l'élément . Cela permet de créer une classe par élément, donc de personnaliser chaque element de menu indépendament des uns des autres.... si tu as une classe unique, comment faire?
              C'est pour ca que tu ne les trouves pas dans les fichiers css. Tu peut avoir un id de 250 pour le second élément.
              Je ne conteste pas, je dis que c'est lourd à traîner et que l'idéal soit quand même que ce soit pris en charge dans le template, bien sûr que pour personnaliser dans le détail il faut beaucoup de classes. La c'est juste galère, tu rajoutes un menu, il faut : rajouter une classe, tu modifies un menu, tu le supprimes, le re crées etc à chaque fois ce sont des tas de manipulation.
              Bon d'un autre côté barioler les menus .... ?
              Il y a 10 sortes de gens. Ceux qui savent compter en binaire et ceux qui ne savent pas ...

              Commentaire


              • #8
                Re : couleur différente pour chaque rubrique de mon menu

                Bonjour
                je reviens sur ce problème
                Au niveau de mon menu horizontal je souhaite changer la couleur chaque fois que je passe la souris sur une rubrique (une couleur par rubrique)

                Au niveau de la rubrique tarif par exemple: je souhaite que cela soit noir et non orange quand on passe la souris au dessus
                J'ai suivi vos conseils: dans le css j'ai rajouter une ligne

                .item-109
                {background: #000000;}

                mais cela ne marche pas
                Vous avez des idées ?
                merci pour votre aide
                gléglé

                - - - Mise à jour - - -

                j'ai oublié de vous donner le lien sur le site
                http://www.souriezvouscuisinez.fr

                merci !

                Commentaire


                • #9
                  Re : couleur différente pour chaque rubrique de mon menu

                  essaye ul.art-hmenu > li.item-109 > a:hover, .desktop ul.art-hmenu > li.item-109:hover > a {background : #CCC;}
                  Perdu c est un template artistruc...

                  A faire pour chaque lien.
                  Pour differencirer les liens deja visités, remplacé hover par visited
                  Dernière édition par lefabdu51 à 24/06/2014, 14h23
                  Mon site en cours de construction avec de nouvelles catégories de documents...
                  https://informaticien51.fr

                  Commentaire


                  • #10
                    Re : couleur différente pour chaque rubrique de mon menu

                    Dans le menu il est possible d'ajouter 2 classes dans les paramêtres

                    Paramètres du type de liens
                    Style CSS du lien : 'LACLASSDULIEN'

                    et
                    Paramètres d'affichage de la page

                    Classe de page: 'LACLASSDELAPAGE'

                    Il est possible, de modifier le layout de mod_module (avec un overide par exemple) de prendre la LACLASSDULIEN et de l'affecter au li parent dans le cas présent.

                    On peut aussi ajouter LACLASSDELAPAGE de cette façon :

                    Code PHP:
                    $app JFactory::getApplication();
                      
                    $menu $app->getMenu()->getActive();
                      
                    $pageclass '';
                     
                      if (
                    is_object($menu))
                        
                    $pageclass $menu->params->get('pageclass_sfx'); 
                    $pageclass contient LACLASSDELAPAGE ci-dessus. Que l'on pourra affecter au body ou pourquoi pas au menu mais cela dépend du template et des overides, rien d'automatique.
                    http://www.st42.fr : Astuce et téléchargement d’extension Joomla! et virtuemart
                    http://shop.st42.fr Catalogue extentions gratuit et Pro pour Virtuemart et Joomla

                    Commentaire


                    • #11
                      Re : couleur différente pour chaque rubrique de mon menu

                      rebonjour
                      je vous remercie pour votre reponse
                      j'ai une autre question
                      comment fait-on pour avoir des onglets personnalisés pour la barre de menu ?
                      voici en image ce que je souhaiterai

                      des idées ?
                      merci par avance
                      gléglé

                      Commentaire


                      • #12
                        Re : couleur différente pour chaque rubrique de mon menu

                        j'ai trouvé la réponse à cette question
                        en fait c'est un menu rollover
                        merci encore pour votre aide
                        glegle

                        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