Tutoriel de navigation circulaire?

Question

Je souhaite incorporer une navigation circulaire avec des effets de survol sur les différents éléments. Y a-t-il des tutoriels là-bas? Si ce n'est pas le cas, quelle serait la meilleure façon de faire 6, 8 ou 12 éléments de liaison disposés circulairement autour d'un logo circulaire? Ils auront différents états lorsqu'ils sont planés, actifs ou déprimés? Je veux que les objets aient cette sensation "boutonneuse". Je peux utiliser javascript pour faire cela s'il y a quelque chose de mieux, mais préférez utiliser principalement CSS.

Answer 1

Il y a plusieurs façons de procéder.

Le plus simple est de faire un menu régulier et d'utiliser la position: absolue; sur tous les éléments individuels pour les positionner autour du logo.

Une autre façon de créer des menus circulaires plus complexes consiste à utiliser une carte-image. J'ai déjà trouvé un bon tutoriel qui impliquait des formes complexes et des effets de survol sur une carte d'image, mais je l'ai perdu, désolé.

C'était sur un site bien connu, au moins pour moi, et impliqué un graphique avec des taches colorées, de différentes formes. Quelque chose comme quirksmode.com ... Je ne sais plus, je te le dirai quand je le trouverai.

Cela vous arriver ... la plupart du temps http://www.google.nl/search?q=html+image+map+hover