tutorial de navegação circular? [fechadas]

Question

Eu gostaria de incorporar uma navegação circular com pairar efeitos sobre os itens individuais. Existem tutoriais lá fora?

Se não, qual seria a melhor maneira de fazer 6, 8, ou 12 link "itens" dispostos circularmente em torno de um logotipo circular? Eles terão estados diferentes quando pairado, ativo ou deprimido? Eu quero os itens de ter essa sensação "buttony". Eu posso usar javascript para fazer isso se há alguma coisa adequada para ele, mas prefiro usar principalmente CSS.

Answer 1

Existem algumas maneiras de fazer isso.

O mais simples é fazer um menu regular e posição de uso: absolute; em todos os itens individuais para posicioná-los em torno do logotipo.

Outra maneira de fazer menus circulares mais complicada é usar um mapa de imagem. Uma vez eu encontrei um bom tutorial que formas complexas envolvidas e efeitos de foco sobre um mapa de imagem, mas o perdi, me desculpe.

Foi em um local bem conhecido, pelo menos para mim, e envolveu um gráfico com bolhas coloridas, de diferentes formas. Algo como quirksmode.com ... eu não sei mais, eu vou te dizer quando eu encontrá-lo.

Isto fará você lá principalmente ... http://www.google.nl/search?q=html+ imagem + mapa + pairar