Voilà donc un menu déroulant facile à inclure sur un blog dotclear.
On notera toutefois que l'affichage dépend du navigateur utilisé. Si, comme moi, vous utilisez Mozilla Firefox, pas de problème. De même avec la plupart des navigateurs respectant les standards du W3C. Finalement, le seul problème réside dans l'utilisation d'Internet Explorer (on s'en serait douté). Il faut au moins avoir la version 7 pour pouvoir profiter de ce menu déroulant.

Voici le texte de template à utiliser pour générer le menu :

<style type="text/css" media="screen">
  @import url({{tpl:BlogThemeURL}}/menu.css);
</style>

<tpl:swDefineBlock name="MenuEntries">
  <li><a href="{{tpl:EntryURL}}">{{tpl:EntryTitle encode_html="1"}}</a>
    <ul>
      <tpl:swMenuLevelEntries>
        {{tpl:swReuseBlock name="MenuEntries"}}
      </tpl:swMenuLevelEntries>
    </ul>
  </li>
</tpl:swDefineBlock>

<div class="skipnav"><a href="#nonav">Aller au contenu</a></div>
<ul id="nav">
  <tpl:swMenuLevelEntries parent_id="home">
    {{tpl:swReuseBlock name="MenuEntries"}}
  </tpl:swMenuLevelEntries>
</ul>
<hr id="nonav">

Le fichier menu.css est celui de l'exemple chez http://denilsonsa.selfip.org/~denilson/.

Certains seront peut-être surpris par la présence du lien invisible <a href="#nonav">. Il sert en fait pour les affichages sans feuilles de style tels les navigateurs en mode texte. Dans un tel contexte, le menu est affiché comme une liste, qui peut être très longue et ce lien sert à aller au contenu de la page à la fin de la liste.
Pour s'en convaincre, il suffit de faire afficher la page actuelle à travers un visualisateur Lynx

Un dernier mot, enfin, pour expliquer la présence du menu en plein milieu de ce billet.
En fait, ce billet dispose d'un fichier template personnalisé (simpleWebsite permet cela sur tous les billets, pas seulement sur ceux représentant une section) où le menu est affiché entre l'extrait du billet et son contenu...