Question Class CSS menu prinipal
- carabao
- Auteur du sujet
- Hors Ligne
- Membre premium
21 Mar 2015 13:36 - 21 Mar 2015 13:55 #1
par carabao
Site dédié à la caravane & au camping: www.caravane-camping.be
Class CSS menu prinipal a été créé par carabao
bonjour,
Tout d'abord, je m'excuse de poser une question aussi basique mais j'ai déjà lu pas mal de documentation et malgré cela, je ne sais pas pourquoi, je bloque. Je ne parviens pas à appliquer une class à mon menu principal.
Pour ce faire, j'ai mis dans la configuration du module
-
Suffixe CSS de menu: menuprincipal (avec un espace devant menuprincipal)
Suffixe de classe CSS: menuprincipal (avec un espace devant menuprincipal)
Puis, j'ai renseigné dans le fichier custom.css de mon template:
div.moduletable menuprincipal { background-color: #FFFFD2;}
.menuprincipal h3, .menuprincipal ul, .menuprincipal a { color: #8B4513;}
la table par défaut de joomla est moduletable
<div class="moduletable">
<h4>Menu principal</h4>
<ul class="nav menu">
<li class="item-101 current active deeper parent">
<a href="/fr/">Accueil</a>
<ul class="nav-child unstyled small">
<li class="item-129">
<a href="/fr/accueil/les-communiques-publics">Les communiqués</a>
</li>
<li class="item-208">
<a href="/fr/accueil/calendrier/month.calendar/2015/03/21/-">Calendrier</a>
</li>
</ul>
</li>
<li class="item-130 deeper parent">
<a href="/fr/le-sact">Le SACT</a>
<ul class="nav-child unstyled small">
<li class="item-131">
<li class="item-132">
<li class="item-133">
</ul>
</li>
<li class="item-137">
<a href="/fr/les-liens-utiles">Les liens utiles</a>
</li>
<li class="item-138">
<a href="/fr/contactez-nous">Contactez-nous</a>
</li>
<li class="item-158">
<a href="/fr/plan-du-site">Plan du site</a>
</li>
</ul>
</div>
ps le code n'est pas le code final, juste un code pour voir si ma classe est prise en copte, ce qui n'est pas le cas bien sûr.
- J'aimerai juste pouvoir décalé les LI par rapport au UL
- Mettre en gras, les UL
C'est tout.
Qu'en pensez-vous ? Je ne dois pas être loin de la solution, mais là, je suis largué.
Merci beaucoup.
<div class="moduletable menuprincipal">
<h4>Menu principal</h4>
<ul class="nav menu menuprincipal">
<li class="item-101 current active deeper parent">
<li class="item-130 deeper parent">
<li class="item-137">
<li class="item-138">
<li class="item-158">
</ul>
</div>
Tout d'abord, je m'excuse de poser une question aussi basique mais j'ai déjà lu pas mal de documentation et malgré cela, je ne sais pas pourquoi, je bloque. Je ne parviens pas à appliquer une class à mon menu principal.
Pour ce faire, j'ai mis dans la configuration du module
-
Suffixe CSS de menu: menuprincipal (avec un espace devant menuprincipal)
Suffixe de classe CSS: menuprincipal (avec un espace devant menuprincipal)
Puis, j'ai renseigné dans le fichier custom.css de mon template:
div.moduletable menuprincipal { background-color: #FFFFD2;}
.menuprincipal h3, .menuprincipal ul, .menuprincipal a { color: #8B4513;}
la table par défaut de joomla est moduletable
<div class="moduletable">
<h4>Menu principal</h4>
<ul class="nav menu">
<li class="item-101 current active deeper parent">
<a href="/fr/">Accueil</a>
<ul class="nav-child unstyled small">
<li class="item-129">
<a href="/fr/accueil/les-communiques-publics">Les communiqués</a>
</li>
<li class="item-208">
<a href="/fr/accueil/calendrier/month.calendar/2015/03/21/-">Calendrier</a>
</li>
</ul>
</li>
<li class="item-130 deeper parent">
<a href="/fr/le-sact">Le SACT</a>
<ul class="nav-child unstyled small">
<li class="item-131">
<li class="item-132">
<li class="item-133">
</ul>
</li>
<li class="item-137">
<a href="/fr/les-liens-utiles">Les liens utiles</a>
</li>
<li class="item-138">
<a href="/fr/contactez-nous">Contactez-nous</a>
</li>
<li class="item-158">
<a href="/fr/plan-du-site">Plan du site</a>
</li>
</ul>
</div>
ps le code n'est pas le code final, juste un code pour voir si ma classe est prise en copte, ce qui n'est pas le cas bien sûr.
- J'aimerai juste pouvoir décalé les LI par rapport au UL
- Mettre en gras, les UL
C'est tout.
Qu'en pensez-vous ? Je ne dois pas être loin de la solution, mais là, je suis largué.
Merci beaucoup.
<div class="moduletable menuprincipal">
<h4>Menu principal</h4>
<ul class="nav menu menuprincipal">
<li class="item-101 current active deeper parent">
<li class="item-130 deeper parent">
<li class="item-137">
<li class="item-138">
<li class="item-158">
</ul>
</div>
Site dédié à la caravane & au camping: www.caravane-camping.be
Dernière édition: 21 Mar 2015 13:55 par carabao.
Connectez-vous ou Créer un compte pour participer à la conversation.
- tramber91
- Hors Ligne
- Co-Webmaster
21 Mar 2015 16:09 #2
par tramber91
Pas de support en MP sans y être invité. Merci
Merci de vous conformer aux règles du forum. Un merci, Cela fait toujours plaisir
www.en-toutes-lettres.fr - Digital
Réponse de tramber91 sur le sujet Class CSS menu prinipal
Bonjour
Pas clair du tout ton affaire
il nous faudrait un lien vers ton site et le nom de ton template
Pas clair du tout ton affaire
il nous faudrait un lien vers ton site et le nom de ton template
Pas de support en MP sans y être invité. Merci
Merci de vous conformer aux règles du forum. Un merci, Cela fait toujours plaisir
www.en-toutes-lettres.fr - Digital
Connectez-vous ou Créer un compte pour participer à la conversation.
- carabao
- Auteur du sujet
- Hors Ligne
- Membre premium
21 Mar 2015 16:39 - 21 Mar 2015 21:57 #3
par carabao
Site dédié à la caravane & au camping: www.caravane-camping.be
Réponse de carabao sur le sujet Class CSS menu prinipal
site hors ligne pour le moment
login: joomla.aide
mdp: joomla
*************
template perso fait avec template-creator
Merci
Et désolé pour mon explication pas clair du tout.
login: joomla.aide
mdp: joomla
*************
template perso fait avec template-creator
Merci
Et désolé pour mon explication pas clair du tout.
Site dédié à la caravane & au camping: www.caravane-camping.be
Dernière édition: 21 Mar 2015 21:57 par carabao.
Connectez-vous ou Créer un compte pour participer à la conversation.
- tramber91
- Hors Ligne
- Co-Webmaster
21 Mar 2015 17:19 - 21 Mar 2015 17:20 #4
par tramber91
Pas de support en MP sans y être invité. Merci
Merci de vous conformer aux règles du forum. Un merci, Cela fait toujours plaisir
www.en-toutes-lettres.fr - Digital
Réponse de tramber91 sur le sujet Class CSS menu prinipal
marche pas en custom css avec ?
ul.menu {font-weight:bold;}
ul.menu li {padding-left:5px;}
Pas de support en MP sans y être invité. Merci
Merci de vous conformer aux règles du forum. Un merci, Cela fait toujours plaisir
www.en-toutes-lettres.fr - Digital
Dernière édition: 21 Mar 2015 17:20 par tramber91.
Connectez-vous ou Créer un compte pour participer à la conversation.
- tramber91
- Hors Ligne
- Co-Webmaster
21 Mar 2015 17:40 - 21 Mar 2015 17:41 #5
par tramber91
Pas de support en MP sans y être invité. Merci
Merci de vous conformer aux règles du forum. Un merci, Cela fait toujours plaisir
www.en-toutes-lettres.fr - Digital
Réponse de tramber91 sur le sujet Class CSS menu prinipal
Pas de support en MP sans y être invité. Merci
Merci de vous conformer aux règles du forum. Un merci, Cela fait toujours plaisir
www.en-toutes-lettres.fr - Digital
Dernière édition: 21 Mar 2015 17:41 par tramber91.
Connectez-vous ou Créer un compte pour participer à la conversation.
- carabao
- Auteur du sujet
- Hors Ligne
- Membre premium
21 Mar 2015 18:47 - 21 Mar 2015 19:36 #6
par carabao
Site dédié à la caravane & au camping: www.caravane-camping.be
Réponse de carabao sur le sujet Class CSS menu prinipal
Merci beaucoup pour ton aide
Effectivement, si je mets les styles dans template.css cela fonctionne.
Si je mets, ces styles dans custom.css, cela ne fonctionne pas. je vais voir pourquoi !
Maintenant, si je rajoute un suffixe (menuprincipal dans le module du menu, cela doit fonctionner aussi ?
Merci pour la piste (ou la solution)
je teste le code suivant (j'ai ajouté une classe css au module menuprincipal (avec un blanc devant la classe)
ul.menu.menuprincipal {
font-weight:normal;
}
ul.menu.menuprincipal li {
padding-left:10px;
}
ul.menu.menuprincipal li li{
padding-left:10px;
list-style-position: outside;
list-style-type:disc;
}
Mais je ne parviens pas à décaler la puce de 10 px.
Effectivement, si je mets les styles dans template.css cela fonctionne.
Si je mets, ces styles dans custom.css, cela ne fonctionne pas. je vais voir pourquoi !
Maintenant, si je rajoute un suffixe (menuprincipal dans le module du menu, cela doit fonctionner aussi ?
Merci pour la piste (ou la solution)
je teste le code suivant (j'ai ajouté une classe css au module menuprincipal (avec un blanc devant la classe)
ul.menu.menuprincipal {
font-weight:normal;
}
ul.menu.menuprincipal li {
padding-left:10px;
}
ul.menu.menuprincipal li li{
padding-left:10px;
list-style-position: outside;
list-style-type:disc;
}
Mais je ne parviens pas à décaler la puce de 10 px.
Site dédié à la caravane & au camping: www.caravane-camping.be
Dernière édition: 21 Mar 2015 19:36 par carabao.
Connectez-vous ou Créer un compte pour participer à la conversation.
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.396 secondes