Sous menu

flipflip · mars 2015

Bonjour,

Est-ce qu'il est prévue d'ajouter la gestion des sous-menu ?

Par exemple j'ai un menu qui liste les catégories et au passage de la souris me liste les articles présent dans cette catégorie.

Stéphane · mars 2015

Bonjour

Non.
C'est le genre de fioritures à faire avec un plugin (si je reprends ton exemple)

flipflip · mars 2015

Bonjour,

Pour mon exemple oui je suis d'accord que c'est à faire avec un plugin ou dans un template sur mesure. Mais pour les pages static il y a les groupes donc une gestion multi-niveau d'office puisque les groupes peuvent être imbriqué ?

Jos · avril 2015

Bonjour,

PluCSS ne gère pas ce genre de choses (pour le moment). Je le précise pour la prochaine version.

flipflip · avril 2015

Voila le css que j'ai fais pour gérer les sous-menu, c'est peut être pas la solution la plus propre mais ça peut servir de base.

[== CSS ==]
.menu.expanded {
	padding: 0;
	margin: 0;
	text-align: center;
	background: #333333;
	font-size: 0.8em;
}
.menu.expanded ul {
	left: -999em;
	position: absolute;
}
.menu.expanded li {
	display: inline-block;
	list-style: none;
	position: relative;
	width: 130px;
	border-right: 1px solid #555555;
}
.menu.expanded a {
	display: block;
	color: #cccccc;
	background-color: #333333;
	font-size: 0.8em;
}
.menu.expanded li.active a,
.menu.expanded li.active a:hover {
	background-color: #555555;
}
.menu.expanded li.noactive a:hover {
	background-color: #555555;
}
.menu.expanded li:hover > ul {
	z-index: 99999;
	left: 0;
	background: #444444;
}
.menu.expanded li li:hover > ul {
	z-index: 99999;
}
.menu.expanded li ul {
	margin: 0;
	padding: 0;
}
.menu.expanded li ul li,
.menu.expanded li ul li:hover {
	width: 200px;
	border-top: 1px solid #494848;
	border-left: none;
	border-right: none;
}

Sous menu

Réponses