MaxiMenuCK : style des separator

[Feneck91]

Bonjour.

J'utilise un menu de type MaximenuCK et j'ai ajouté un separator. Celui ci me laisse simplement un espace vide or j'aimerais qu'il me fasse une ligne horizontale (genre balise <hr />)
Je pourrais ajouter un article personnalisé et ajouter son ID dans menuck mais y a-t-il moyen de paramétrer autrement ce genre d'item de menu dans menuck ?

Merci.

[Grand Schtroumpf]

Re : MaxiMenuCK : style des separator

Bonjour,
installe Firebug sous Firefox, clic droit sur ton "espace vide" et inspecter un élément. Tu verras la structure du HTML généré ainsi que le styles qui s'appliquent et donc tu auras la réponse à ta question...

[Feneck91]

Re : MaxiMenuCK : style des separator

J'ai déja cherché et trouvé ça :

.mainMenu .level1 .separator {
    width: 100%;
    color: #FFF;
    background-color: #09F;
    height: 20px;
    display: block;
}

Et en effet ça me modifie l'aspect du separator mais si un lieu d'une ligne vide, je souhaite une balise html genre HR c'est pas en regardant dans le code HTML généré que je vais trouver comment faire. La question c'était bien "comment modifier le style" et ça j'ai trouvé et aussi 'comment mettre ce que l'on veut en tant que séparator' ? Et ça, à part faire un article personnalisé je ne sais pas encore.

En tout cas merci pour ta réponse.

[Grand Schtroumpf]

Re : MaxiMenuCK : style des separator

Re,

je souhaite une balise html genre HR

c'est quoi le but ultime ? Parce que avoir une balise <hr/> n'est pas un fin en soi...

[Feneck91]

Re : MaxiMenuCK : style des separator

Simplement faire une ligne colorée dans le menu plutot qu'un espace vide...
D'ailleur je m'embetterais moins à faire plutot un petit bloc coloré en jouant sur les ombres et les bordures plutot que de faire un hr, je pense que tu as raison (encore une fois, mais c'est normal le Grand Schtroumpf a toujours raison) !

[Homodelphinus]

Re : MaxiMenuCK : style des separator

.mainMenu .level1 .separator {
    width: 100%;
    color: #FFF;
    background-color: #09F;
    height: 20px;
    display: block;
}

Je ne vais pas répondre à ta question mais par ou tu passe pour modifier cette partie
Merci

[Grand Schtroumpf]

Re : MaxiMenuCK : style des separator

Re,
et en modifiant .mainMenu .level1 .separator {} (au pire avec un background-image) ça ne le fait pas ?

[Feneck91]

Re : MaxiMenuCK : style des separator

.mainMenu .level1 .separator {
    width: 100%;
    color: #FFF;
    background-color: #09F;
    height: 20px;
    display: block;
}

Je ne vais pas répondre à ta question mais par ou tu passe pour modifier cette partie
Merci

Je fais ça dans la partie thème de TemplateCreatorCK (fichier layout.css).
Mais pour le moment, j'arrive à supprimer le texte, mettre une toute petite bordure en modifiant 2 styles mais impossible de modifier la taille que prend le texte (en hauteur), du coup (je le met en rouge pour le voir bien), il y a un gros bloc vide à l'intérieur du border.
Ce n'est pas le code que vous pouvez voir, il est un peu plus complexe, j'essaie de mettre font-size:0; ou line-height:0px; ou height: 0%; ou display:none; mais rien ne fonctionne pour le moment.

[Feneck91]

Re : MaxiMenuCK : style des separator

Bon, finalement après une après midi de tests en tout genre, j'arrive pas à supprimer la place que prend le texte même si j'arrive à le masquer.
J'ai donc créé un module personnalisé qui contient hr uniquement puis je l'ajoute dans le menu avec son ID ([modid=xx] et rempli le champ "Suffixe de classe CSS" avec "_MenuSeparator".

Puis j'ai ajouté dans mon css personnalisé :

.mainMenu .custom_MenuSeparator {
	padding: 5px 0px 5px 0px;
	margin: none;
}

Et ça me donne un truc pas trop mal.

Voir ici dans le menu Utilisateur.