Ce menu déroulant, valide W3C, fonctionne dans tous les navigateurs :
- en CSS dans les navigateurs modernes,
- avec une rustine javascript pour Internet Explorer.
Note de version
Attention à la mise à jour ! Cette seconde version du plugin fait la même chose que la version précédente, mais rompt la compatibilité, en étendant la fonctionnalité afin de pouvoir l’utiliser sur plusieurs menus d’une même page.
Lors d’une mise à jour vers cette version, il vous faudra certainement modifier certains noms, notamment remplacer « #nav
» par « .menuder
». D’une façon générale, feuille de style, classes, noisettes, etc. tout s’appelle désormais « menuder » dans ce plugin. Notez que la version précédente fonctionne correctement sous SPIP 2.
Utilisation
- Ce plugin s’installe comme n’importe quel plugin SPIP (pas de dépendance particulière).
- Prévisualisez en affichant la page de démo :
?page=demo/menuder
- Insérez la noisette
<INCLURE{fond=inclure/menuder}>
dans vos squelettes, à l’endroit où vous souhaitez afficher ce menu - N’oubliez pas de recalculer pour vider le cache
- Ajustez les styles à votre goût en copiant le fichier
menuder.css
avant de le modifier (dans le répertoire/css
de votre dossier « squelettes »).
Vous pouvez créer plusieurs menus déroulants dans la même page, en ajoutant simplement la classe « menuder
» sur les listes (ul li
ou ol li
) qui doivent fonctionner en menu déroulant.
Pour annuler les styles du plugin, déposez un fichier menuder.css
vide dans le répertoire /css
de votre dossier « squelettes ».
Discussions par date d’activité
31 discussions
J’en revais, car les menus #nav de Zpip me genaient pour la généralisation !
Super, opérationnel en trois minutes sur deux menus concomitants.
Bravo, et merci
Yann
Répondre à ce message
Ajouter un commentaire
Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :
Merci d’avance pour les personnes qui vous aideront !
Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.
Suivre les commentaires : |