Comment créer un menu accordéon pour vos pages iWeb

21/06/08 11:19 LogicielsiWeb
image menu accordeon avec iweb
Un menu accordéon permet d’organiser un grand nombre de page en utilisant peu d’espace. Le menu ci-dessous est fait en java script et peut être modifié facilement sans avoir à faire de modification après la publication du site, ce qui est un plus pour ceux qui comme moi n’aime pas ça.


un example de menu accordéon ressemble à ça. Lorsque vous cliquez sur une catégorie le menu s'ouvre et vous pouvez effectuer un choix.

Catégorie 1

http lien vers la page 1
lien vers la page 2
lien vers la page 3

Catégorie 2

http lien vers la page
et ainsi de suite

Catégorie 3

http lien vers la page
et vous pouvez répéter autant de fois que nécessaire
 


Téléchargez les deux fichiers suivants
et placez les sur votre hébergeur de site

ddaccordion.js
jquery-1.2.2.pack.js
Normalement je crée un dossier intitulé scripts et j’y mets tous les scripts dont j’ai besoin pour le site. Mais tant que vous pouvez trouver le fichier et le référencer correctement dans le code cela n’a pas d’importance.

Ensuite, copiez/collez le code ci-dessous dans un fragment html et cliquez sur “Appliquer”. Vous pouvez modifier le code dans un éditeur de texte préalablement ce qui parfois plus facile à faire que dans le fragment lui-même, ou vous pouvez le modifier en place.

Vous pouvez télécharger le code pour iweb ici

Evidemment il vous faudra décompresser tous ces fichiers avant de les utiliser.
Bonne navigation!

Tags: ,