Sous menu

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.

J'ai un string de l'array

Réponses

  • Bonjour

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

    Consultant PluXml

    Ancien responsable du projet

  • 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é ?

    J'ai un string de l'array

  • JosJos Membres
    Bonjour,

    PluCSS ne gère pas ce genre de choses (pour le moment). Je le précise pour la prochaine version.
  • 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;
    }
    

    J'ai un string de l'array

Connectez-vous ou Inscrivez-vous pour répondre.