Créer un menu circulaire

Difficulté Facile
Note
Durée 30 minutes
Thématiques
Mis à jour le jeudi 31 octobre 2013

Dans ce tutoriel, je vais vous expliquer comment créer un menu circulaire sympa.
J'utilise ce menu sur mon site et je voulais partager son style qui peut rendre votre site plus original qu'un autre.
Ce menu est développé en Javascript avec un peu de CSS et de xHTML.
Je vous conseille de relire le tutoriel de M@teo si vous ne vous rappelez pas vraiment du CSS et du xHTML.
Il peut aussi être pratique de connaître le cercle trigonométrique ; pour plus d'informations, lisez le tutoriel de Kayl, annexe sur la trigonométrie.

Voici un aperçu du résultat que vous obtiendrez après ce tutoriel :

Image utilisateur

C'est le menu de mon ancien site, il est bien sûr animé.
Le style est évidemment paramétrable à votre guise, c'est simplement du CSS.
Voici un exemple de menu créé à partir des codes donnés dans ce tutoriel (Il n'y a pas de CSS additionnel) : Exemple de menu circulaire animé


L'auteur