Question [Réglé] Couleur items megamenu
- wroom69
- Auteur du sujet
- Hors Ligne
- Membre premium
10 Déc 2014 16:19 - 10 Déc 2014 16:48 #1
par wroom69
Couleur items megamenu a été créé 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(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-->et ça ne marche pas
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;
}
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;}
Dernière édition: 10 Déc 2014 16:48 par wroom69.
Le sujet a été verrouillé.
- starter
- Hors Ligne
- Modérateur
11 Déc 2014 09:20 #2
par starter
Pas de support en MP sans y être invité.Merci
www.aide-joomla.com
www.soulpin.fr
Réponse de starter sur le sujet Couleur items megamenu
Pour le lien actif
.dropdown-menu .active > a
Pas de support en MP sans y être invité.Merci
www.aide-joomla.com
www.soulpin.fr
Le sujet a été verrouillé.
- starter
- Hors Ligne
- Modérateur
11 Déc 2014 09:31 #3
par starter
Pas de support en MP sans y être invité.Merci
www.aide-joomla.com
www.soulpin.fr
Réponse de starter sur le sujet Couleur items megamenu
Même pour ton mega menu, fait les modifs dans custom.css.
exemple:
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;
}
Pas de support en MP sans y être invité.Merci
www.aide-joomla.com
www.soulpin.fr
Le sujet a été verrouillé.
- wroom69
- Auteur du sujet
- Hors Ligne
- Membre premium
12 Déc 2014 14:47 #4
par wroom69
Réponse de wroom69 sur le sujet Couleur items megamenu
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.cssMaintenant 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
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;
}
Le sujet a été verrouillé.
- wroom69
- Auteur du sujet
- Hors Ligne
- Membre premium
15 Déc 2014 14:14 #5
par wroom69
Réponse de wroom69 sur le sujet Couleur items megamenu
Bonjour,
J'ai trouvéIl me reste à trouver comment changer la vilaine couleur grise des items de sous menu au survol
/*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
Temps de génération de la page : 0.454 secondes