Joomladay francophone 2018 à Paris 18 et 19 mai

Menu transmenu

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

  • Menu transmenu

    Bonjour, Je n'arrive pas à modifier dans le css la couleur de fond du menu qui se déroule sur la droite. Merci de votre aide.

  • #2
    Personne ne peut m'aider?

    Commentaire


    • #3
      peut-être là
      http://tutorials.rockettheme.com/joo...rty-menus.html

      Ouvrir transmenuh.css dans modules/ja_transmenu

      Tu veux changer le font du menu ou des sous-menu ... ?
      Règlement du forum : http://forum.joomla.fr/faq.php
      Comment mettre le post en [Réglé]: http://forum.joomla.fr/announcement.php?f=58
      Joomla! 3 Le Livre Pour Tous , n'hésitez pas à le lire pour vous aider
      http://www.iwannaclick.org

      Commentaire


      • #4
        je n'arrive pas à modifier le font du sous menu ainsi que la police...

        Commentaire


        • #5
          la couleur est bien la bonne quand je passe ma souris vers le sous menu mais sinon elle n'a pas la bonne couleur.

          Commentaire


          • #6
            Envoyé par magictom42 Voir le message
            la couleur est bien la bonne quand je passe ma souris vers le sous menu mais sinon elle n'a pas la bonne couleur.
            Donc il faut changer que ce n'est pas "over"
            Règlement du forum : http://forum.joomla.fr/faq.php
            Comment mettre le post en [Réglé]: http://forum.joomla.fr/announcement.php?f=58
            Joomla! 3 Le Livre Pour Tous , n'hésitez pas à le lire pour vous aider
            http://www.iwannaclick.org

            Commentaire


            • #7
              désolé mais je n'ai pas compris, je débute en css. quand je pointe le curseur sur le menu, les sous menu s'ouvrent et ils sont d'une couleur rougatre et dès que je pointe le curseur vers l'un d'entre eux alors la couleur devient bleu et c'est ce que je veux. C'est à dire que l'arriere plan soit bleu par défaut même dans les sous-menu.

              Commentaire


              • #8
                Tu trouves que tu étais claire
                LOL

                Code:
                a.mainlevel_active-trans, a.mainlevel_active-trans:visited {
                   font-family: Tahoma, Helvetica, sans-serif;
                   text-decoration:none;
                   font-size: 11px;
                   font-weight:bold;
                   color:#FF6600; <-- c'est là le rouge
                   white-space:nowrap;
                   line-height: 26px;
                   border-right: 2px solid #FF3C16;
                   display: block;
                   height: 26px;
                   width:auto;
                   margin: 0px;
                   padding: 0px 15px 0px 29px;
                   background: url(img/arrow.png) 12px 10px no-repeat;
                }
                Règlement du forum : http://forum.joomla.fr/faq.php
                Comment mettre le post en [Réglé]: http://forum.joomla.fr/announcement.php?f=58
                Joomla! 3 Le Livre Pour Tous , n'hésitez pas à le lire pour vous aider
                http://www.iwannaclick.org

                Commentaire


                • #9
                  Voici le code que j'ai (1b9beb est bien ma bonne couleur bleue)

                  Code:
                   color:#FFFFFF;
                     line-height: 25px;
                     display: block;
                     height: 25px;
                     width:auto;
                     margin: 0px;
                     padding: 0px 15px 0px 29px;
                     background:#1b9beb;
                  	background-position: 0px -25px;
                  	text-decoration: none;
                  	color: #333333;

                  Commentaire


                  • #10
                    le bout de code que tu donnes n'aide pas
                    Règlement du forum : http://forum.joomla.fr/faq.php
                    Comment mettre le post en [Réglé]: http://forum.joomla.fr/announcement.php?f=58
                    Joomla! 3 Le Livre Pour Tous , n'hésitez pas à le lire pour vous aider
                    http://www.iwannaclick.org

                    Commentaire


                    • #11
                      Code:
                      .transMenu {
                      	position:absolute;
                      	overflow:hidden;
                      	left:-1000px;
                      	top:-1000px;
                      	}
                      
                      /* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
                      .transMenu .content {
                      	position:absolute;
                      	}
                      
                      /* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
                      .transMenu .items {
                      	position:relative;
                      	left:0px; top:0px;
                      	z-index:2;
                      	}
                      
                      .transMenu.top .items {
                      	border-top:none;
                      	}
                      
                      /* each TR.item is one menu item */
                      .transMenu .item{
                          color: #1b9beb;
                          font-size:10px;
                          font-family:sans-serif;
                          text-decoration:none;
                      	/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
                      	border:none;
                      	cursor:pointer;
                      	cursor:hand;
                      	display: block;
                      	width: 145px !important;
                      	width: 160px;
                      	background:#C63C00;
                      	vertical-align: middle;
                      	font-size: 11px;
                      	font-weight: bold;
                      	color: #ffffff;
                      	text-align: left;
                      	text-indent: 15px;
                      	height: 20px !important;
                      	height: 25px;
                      	width: 100%;
                      	text-decoration: none;
                      	border-bottom: 1px solid #FFF;
                      	}
                      .transMenu .item td{
                      
                      }
                      /* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */
                      /* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
                      .transMenu .background {
                      	position:absolute;
                      	left:0px; top:0px;
                      	z-index:1;
                      	-moz-opacity:.8;
                      	filter:alpha(opacity=80);
                      	}
                      
                      /* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */
                      .transMenu .shadowRight {
                      	position:absolute;
                      	z-index:3;
                      	top:3px; width:2px;
                      	-moz-opacity:.4;
                      	filter:alpha(opacity=40);
                      	}
                      
                      /* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */
                      .transMenu .shadowBottom {
                      	position:absolute;
                      	z-index:1;
                      	left:3px; height:2px;
                      	-moz-opacity:.4;
                      	filter:alpha(opacity=40);
                      	}
                      
                      /* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
                      .transMenu .item.hover {
                      	background:#1b9beb;
                      	}
                      	
                      
                      /* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */
                      .transMenu .item img {
                      	margin-left:10px;
                      	}
                      
                      /* Added classes by Khanh - 050629 */
                      #wrap {
                         margin: 0px;
                         padding: 0px;
                      }
                      #menu {
                         margin: 0px;
                         padding: 0px;
                         display:block;
                         width:100%;
                      
                      }
                      .transMenu .item#active {
                      	background: #1b9beb;
                      	}
                      .transMenu .item#active.hover {
                      	background: #1b9beb;
                      	}
                      /* For first level menu.*/
                      a.mainlevel-trans:link, a.mainlevel-trans:visited {
                      	display: block;
                      	background:#1b9beb;
                      	vertical-align: middle;
                      	font-size: 11px;
                      	font-weight: bold;
                      	color: #ffffff;
                      	text-align: left;
                      	padding-top: 5px;
                      	padding-left: 18px;
                      	height: 20px !important;
                      	height: 25px;
                      	width: 100%;
                      	text-decoration: none;
                      	width: 145px !important;
                      	width: 160px;
                      }
                      a.mainlevel-trans:hover {
                       	background-position: 0px -25px;
                      	text-decoration: none;
                      	background: #1b9beb;
                      	color: #333333;
                      }
                      a.mainlevel_active-trans, a.mainlevel_active-trans:visited {
                         
                         line-height: 25px;
                         display: block;
                         height: 25px;
                         color:#FFFFFF;
                         width:auto;
                         margin: 0px;
                         padding: 0px 15px 0px 29px;
                         background:#1b9beb;
                      	background-position: 0px -25px;
                      	text-decoration: none;
                      	color: #333333;
                      }
                      a.mainlevel_active-trans:hover {
                      	background: #1b9beb;
                          color:#3366CC;
                      }

                      Commentaire


                      • #12
                        Utilise rapid CSS version gratuite pour voir où est le rouge
                        c'est dans cette partie normalement
                        a.mainlevel-trans:link, a.mainlevel-trans:visited
                        Règlement du forum : http://forum.joomla.fr/faq.php
                        Comment mettre le post en [Réglé]: http://forum.joomla.fr/announcement.php?f=58
                        Joomla! 3 Le Livre Pour Tous , n'hésitez pas à le lire pour vous aider
                        http://www.iwannaclick.org

                        Commentaire


                        • #13
                          Je ne vois toujours pas ce que j'ai fait de mal. Il n'y a pas de couleur rouge dans le code...

                          Commentaire


                          • #14
                            Si, si
                            et je n'ai jamais dis que tu avais qqchose de mal

                            Code:
                            .transMenu .item{
                                color: #1b9beb;
                                font-size:10px;
                                font-family:sans-serif;
                                text-decoration:none;
                            	/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
                            	border:none;
                            	cursor:pointer;
                            	cursor:hand;
                            	display: block;
                            	width: 145px !important;
                            	width: 160px;
                            	background:#C63C00; <- ça c'est rouge
                            	vertical-align: middle;
                            	font-size: 11px;
                            	font-weight: bold;
                            	color: #ffffff;
                            	text-align: left;
                            	text-indent: 15px;
                            	height: 20px !important;
                            	height: 25px;
                            	width: 100%;
                            	text-decoration: none;
                            	border-bottom: 1px solid #FFF;
                            	}
                            Règlement du forum : http://forum.joomla.fr/faq.php
                            Comment mettre le post en [Réglé]: http://forum.joomla.fr/announcement.php?f=58
                            Joomla! 3 Le Livre Pour Tous , n'hésitez pas à le lire pour vous aider
                            http://www.iwannaclick.org

                            Commentaire


                            • #15
                              Merci ca marche!!!

                              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