-
Forums
-
Joomla 3.x
-
Discussions générales
-
[Réglé] Couleur items megamenu
Question
[Réglé] Couleur items megamenu
Réduire
Plus d'informations
-
Messages : 219
-
Remerciements reçus 16
-
-
-
-
-
10 Déc 2014 16:19 - 10 Déc 2014 16:48 #1
par wroom69
Bonjour,
J'essaye de personnaliser les couleurs de fond des items du megamenu.
Pour la couleur de fond des sous menus, j'ai rajouté dans custom.css
/*Couleur fond sous menu*/
.dropdown-menu {
background-color: #002E99;
border: 1px solid #002E99
border-radius: 0;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box;
}(trouvé dans bootstrop.css ligne 3336). Je ne sais pas si c'est correct mais ça fonctionne.
Pour la couleur des items, je coince un peu.
Je me suis basé sur le tuto de ja purityII et j'ai rajouté dans ja purity 3/css/ megamenu.css pour essayer
/* Personnalisation Couleur Items Menu Level 0 */
#103:hover {background: #002E99; color: #F9F9F9 !important;}
#104:hover {background: #002E99; color: #F9F9F9 !important;}
/* Items Menu Level 0 - Survol */
#103:hover {background: #050D3A; color: #F9F9F9 !important;}
#104:hover {background: #050D3A; color: #F9F9F9 !important;}
-->et ça ne marche pas
Dernière édition: 10 Déc 2014 16:48 par wroom69.
Le sujet a été verrouillé.
Réduire
Plus d'informations
-
Messages : 665
-
Remerciements reçus 146
-
-
-
-
-
11 Déc 2014 09:20 #2
par starter
Pour le lien actif
.dropdown-menu .active > a
Le sujet a été verrouillé.
Réduire
Plus d'informations
-
Messages : 665
-
Remerciements reçus 146
-
-
-
-
-
11 Déc 2014 09:31 #3
par starter
Même pour ton mega menu, fait les modifs dans custom.css.
exemple:
/*item survol*/
.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
color: #ff0000 !important;
text-decoration: none;
}
/*item actif*/
.dropdown-menu .active > a {
color: #FFFF00 !important;
text-decoration: none;
}
Le sujet a été verrouillé.
Réduire
Plus d'informations
-
Messages : 219
-
Remerciements reçus 16
-
-
-
-
-
12 Déc 2014 14:47 #4
par wroom69
Salut,
J'avais lu que ta réponse de 9h20. J'avais pas lu celle de 9h31.
Entre les 2 lectures j'avais fais ceci dans custom.css
/*Couleur texte liens des titres de menu inactif*/
.navbar-default .navbar-nav > li > a {
color: #33884B;
/* padding: 20px;*/
text-transform: uppercase;
}
/*Couleur texte liens des titres de menu actif*/
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
color: #1d1682;
background-color: transparent;
}
/*couleur texte à la place de l'image logo*/
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: #FA1014;
background-color: transparent;
}
/*Fond logo*/
.logo a {
background-color:transparent !important;
}
/*Couleur texte liens des titres de menu inactif*/
.navbar-default .navbar-nav > li > a {
color: #33884B;
/* padding: 20px;*/
text-transform: uppercase;
}
/*Couleur texte liens des titres de menu actif*/
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
color: #1d1682;
background-color: transparent;
}
/*couleur texte à la place de l'image logo*/
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: #FA1014;
background-color: transparent;
}
/*Fond logo*/
.logo a {
background-color:transparent !important;
}Maintenant ta réponse complète ce que j'avais fais. Il me reste à trouver comment changer la vilaine couleur grise des items de sous menu au survol
Le sujet a été verrouillé.
Réduire
Plus d'informations
-
Messages : 219
-
Remerciements reçus 16
-
-
-
-
-
15 Déc 2014 14:14 #5
par wroom69
Bonjour,
Il me reste à trouver comment changer la vilaine couleur grise des items de sous menu au survol
J'ai trouvé
/*au survol sous menu-> megamenu ligne 381*/
.t3-megamenu .dropdown-menu .mega-nav > li.open > a {
background: #790bb7;
}
Les utilisateur(s) suivant ont remercié: starter
Le sujet a été verrouillé.
Droit d'accès du forum
-
-
Vous ne pouvez pas: Créer un nouveau sujet.
-
Vous ne pouvez pas: Répondre au sujet.
-
Vous ne pouvez pas: Éditer votre message.
Modérateurs: xillibit, tramber91, Scottux, serge, starter
-
Forums
-
Joomla 3.x
-
Discussions générales
-
[Réglé] Couleur items megamenu
Temps de génération de la page : 0.373 secondes
