[RÉGLÉ] Fonction nav-pills desactive l'ID et la class ?

[aboupopo]

Bonjour ,
je bataille bien sur la personnalisation de mon template je suis partit du gantry de rocket theme .

Mon problème est sur les menu , je désire créer des menu horizontaux . Pour ça j'utilise la fonction : nav-pills .

mais le probleme est que je ne sais pas comment garder une classe et un ID qui fonctionne apres ça .

le champ : suffixe css de menu est occupé par nav-pills
ID de menu : ne fonctionne pas .
Si j’enlève nav-pills ça refonctionne mais les menu se place en verticale .

Quelqun pourrais m'aider ?

Merci d'avance !!!

[lomart]

Re : Fonction nav-pills desactive l'ID et la class ?

Bonsoir,

le champ : suffixe css de menu est occupé par nav-pills

Il est possible de mettre plusieurs classes à la suite en les séparant par un espace

[aboupopo]

Re : Fonction nav-pills desactive l'ID et la class ?

Merci ,
Pour les id ça fonctionne , je l'est trouvé un peu plus bas dans la feuille de style .

Mais pour les classes je ne comprend pas par exemple :

quand je créer un module avec un suffixe de classe : blanc . En html je me retrouve avec ceci :

<div class="rt-block blanc">

Pour m’adresser a ce bloc j'ai essayé .rt-block ( qui est trop generalisé ) .blanc ( ne fonctionne pas ) .rt-block blanc

c'est peux être dans joomla que je fait une erreur ?

[lomart]

Re : Fonction nav-pills desactive l'ID et la class ?

quand je créer un module avec un suffixe de classe : blanc . En html je me retrouve avec ceci :

<div class="rt-block blanc">

Il ne faut pas mettre d'espace devant le mot blanc pour modifier le nom de la classe. En général, on met -blanc, pour avoir une classe .rt-block-blanc

[aboupopo]

Re : Fonction nav-pills desactive l'ID et la class ?

humm , vraiment je ne comprend pas car je ne met pas d'espace pourtant , même avec le '' - '' il y a un espace dans le code html

[lomart]

Re : Fonction nav-pills desactive l'ID et la class ?

Sans doute que le template n'ajoute pas cet espace.

Si l'on veut cibler uniquement ce module, on met comme suffixe nav-pills foo1
qui va générer le code HTML: <div class="rt-block nav-pills foo1"> ... </div>
et qui pourra être stylé par .rt-block.foo1 { .... }

.rt-block.foo1 (sans espace avant le point) cible le bloc où les 2 classes sont présentes dans son attribut class.

[aboupopo]

Re : Fonction nav-pills desactive l'ID et la class ?

Merci beaucoup , j'ai enfin compris la logique pour gérer ça !

[lomart]

Re : Fonction nav-pills desactive l'ID et la class ?

Merci beaucoup , j'ai enfin compris la logique pour gérer ça !

Il ne reste donc plus qu'a passer le post comme réglé