bonjour stéphane
j’ai fait quelque chose sur mon site qui semble correspondre à ta question
http://dansedeplume.apinc.org/
je te copie ici le code de /squelettes/inclusion/bloc-gauche-menu-deroulant.html
<div id="nav1" class="nav1">
<ul class="menulist">
<BOUCLE_smenuspipr(RUBRIQUES){racine}{id_rubrique!=#RUBRIQUE_AGENDA}{par num titre}>
<li<BOUCLE_smenr(RUBRIQUES){id_parent}{0,1}> class="smenu"</BOUCLE_smenr>>
<a href="#URL_RUBRIQUE">[(#TITRE|supprimer_numero)]</a>
<B_smenr_0>
<ul>
<BOUCLE_smenr_0(ARTICLES){id_rubrique}{par titre}>
<li class="smenua"><a href="#URL_ARTICLE">#TITRE</a></li>
</BOUCLE_smenr_0>
</ul>
</B_smenr_0>
<B_smenuspip>
<ul>
<BOUCLE_smenuspip(RUBRIQUES){id_parent}{par num titre}>
<li<BOUCLE_smen(RUBRIQUES){id_parent}{0,1}> class="smenu"</BOUCLE_smen>>
<a href="#URL_RUBRIQUE">[(#TITRE|supprimer_numero)]</a>
<BOUCLE_ssmenu(boucle_smenuspip)></BOUCLE_ssmenu>
<B_ssmenu_1>
<ul>
<BOUCLE_ssmenu_1(ARTICLES){id_rubrique}{par titre}>
<li class="smenua"><a href="#URL_ARTICLE">#TITRE</a></li>
</BOUCLE_ssmenu_1>
</ul>
</B_ssmenu_1>
</li>
</BOUCLE_smenuspip>
</ul>
</B_smenuspip>
</li>
</BOUCLE_smenuspipr>
</ul> <!-- menulist -->
</div> <!-- nav1 -->
<!--
<div id="nav3" class="nav3">
<div class="bord">
<BOUCLE_rubriques_0(RUBRIQUES){racine}{id_rubrique!=#RUBRIQUE_AGENDA}{par num titre}{par titre}>
<ul><li>[<a class="lien-menu-[(#EXPOSER|courant,autre)]" href="#URL_SITE_SPIP/#URL_RUBRIQUE">(#TITRE|supprimer_numero)</a>]
<B_artsecteur_0>
<ul>
<BOUCLE_artsecteur_0(ARTICLES){id_rubrique}{par titre}>
<li><a href="#URL_ARTICLE">#TITRE</a></li>
</BOUCLE_artsecteur_0>
</ul>
</B_artsecteur_0>
<BOUCLE_rubriques_1(RUBRIQUES){id_parent}{par num titre}{par titre}>
<ul><li>[<a class="lien-menu-[(#EXPOSER|courant,autre)]" href="#URL_SITE_SPIP/#URL_RUBRIQUE">(#TITRE|supprimer_numero)</a>]
<B_artsecteur_1>
<ul>
<BOUCLE_artsecteur_1(ARTICLES){id_rubrique}{par titre}>
<li><a href="#URL_ARTICLE">#TITRE</a></li>
</BOUCLE_artsecteur_1>
</ul>
</B_artsecteur_1>
<BOUCLE_rubriques_2(RUBRIQUES){id_parent}{par num titre}{par titre}>
<ul><li>[<a class="lien-menu-[(#EXPOSER|courant,autre)]" href="#URL_SITE_SPIP/#URL_RUBRIQUE">(#TITRE|supprimer_numero)</a>]</li>
<B_artsecteur_2>
<ul>
<BOUCLE_artsecteur_2(ARTICLES){id_rubrique}{par titre}>
<li><a href="#URL_ARTICLE">#TITRE</a></li>
</BOUCLE_artsecteur_2>
</ul>
</B_artsecteur_2>
</ul>
</BOUCLE_rubriques_2>
</li></ul>
</BOUCLE_rubriques_1>
</li></ul>
</BOUCLE_rubriques_0>
</div> bord
</div> --><!-- nav3 -->
puis pour paramétrer le bazard j’ai ajouté des classes dans le css correspondant
/squelettes/styles/style-menu-deroulant.css
/* bloc de navigation 1 --> arborescence du site */
.nav1 {
/*bloc contenant la hiérarchie*/
width: 100%;
padding:0px;
font-size: 12px;
}
ul.menulist li ul{ display:none; }
ul.menulist li:hover>ul{ display:block; }
ul.menulist,
ul.menulist ul{
background:#ffa806;
border:1px solid #FFFFFF;
border-bottom: 0px;
list-style:none;
margin:0px;
padding:0px;
width:180px;
_width:182px;
}
ul.menulist ul{
position:absolute;
top:-1px;
left:180px;
}
ul.menulist li{
position:relative;
margin:0px;
padding:0px;
border-bottom: 1px solid #FFFFFF;
}
ul.menulist a{
display:block;
_width: 100%;
/*color:#FFFFFF;*/
text-decoration:none;
padding: 5px;
}
ul.menulist a:hover{
background:#ff3f0a;
*/color:#FFFFFF;*/
}
ul.menulist li.smenu {
color:black;
/*background-color:white;*/
background-image: url(../puces/arrow.gif) !important;
background-position: 171px;
background-repeat: no-repeat;
}
ul.menulist li.smenu:hover, ul.menulist li.smenu>a:hover {
color:black;
/*background-color:white;*/
background-image: url(../puces/arrowb.gif) !important;
background-position: 168px;
background-repeat: no-repeat;
}
ul.menulist li.smenua {
color:black;
background-color:#FFED9D;
/* background-image: url(../puces/arrow.gif) !important;*/
background-position: 171px;
background-repeat: no-repeat;
}
ul.menulist li.smenua:hover, ul.menulist li.smenu>a:hover {
color:black;
background-color:#FFED9D;
/* background-image: url(../puces/arrowb.gif) !important;*/
background-position: 168px;
background-repeat: no-repeat;
}
voilà
en espérant que cela corresponde à ta question
paul
