Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5859 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 120921 Menu rapide | | Coucou Voici un code super simple pour un menu rapide. Il s'installera sur le coté de votre forum en haut à gauche. Dans le template overall_header juste avant< /head > installe le code ci-dessous - Code:
-
<script type="text/javascript"> <!-- window.onload=montre; function montre(id) { var d = document.getElementById(id); for (var i = 1; i<=10; i++) { if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';} } if (d) {d.style.display='block';} } //--> </script> <div class="cadre" onclick="javascript:montre();"> <dl id="menu"> <dt onmouseover="javascript:montre('smenu1');">Navigation Rapide</dt> <dd id="smenu1"><ul> <li><a href="url-de-renvoi">lien 1</a></li> <li><a href="url-de-renvoi">lien 2</a></li> <li><a href="url-de-renvoi">lien 3</a></li> </ul> </dd> </dl></div> Dans ton CSS - Code:
-
dl, dt, dd, ul, li { margin: 0; padding: 0; list-style-type: none; } #menu { width:15em; } #menu dt { cursor: pointer; margin: 2px 0;; height: 20px; line-height: 20px; text-align: center; font-weight: bold; border: 1px solid gray; background: #ccc; } #menu dd { border: 1px solid gray; display: none;} #menu li { text-align: center; background: #fff; } #menu li a, #menu dt a { color: #000; text-decoration: none; display: block; border: 0 none; } #menu li a:hover, #menu dt a:hover { background: #eee; } .cadre{ width:15em; border: 1px solid red; padding: 3px; list-style-type: none; position: fixed;} Voila à toi de mettre les liens que tu souhaite et le noms des liens. Tu peux changer la couleur , la police, la taille. Amicalement |
| |