Menu 4
Modelo
Script
Cole o script acima entre as tags <body> e
</body> de seu template.
Você também irá precisar do arquivo spinmenu.js, com o botão direito do mouse, clique
aqui (salvar destino como) para baixá-lo.
Após baixá-lo, envie-o para seu servidor (não mexa nele) e cole o seguinte código entre as tags
<head> e </head> de seu template:
<SCRIPT src="http://endereçodoseuservidor/spinmenu.js" type=text/javascript></SCRIPT>
Editando o Menu
Você pode editar as cores de fonte e fundo, tamanho, etc, substituindo os hexadecimais pelos que você desejar
eye.x = 150; // local que o
menu aparecerá
eye.y = 50; // altura do menu na página
eye.w = 135; // largura
eye.h = 40; // altura
eye.r = 100; // menu's radius
eye.v = 20; // velocidade
eye.s = 10; // escala em espaço (para o efeito em 3D)
eye.color = '#5892b0'; // cor do texto
eye.colorover = '#5892b0'; // cor do texto ao passar o mouse
eye.backgroundcolor = '#ffffff'; // cor do fundo
eye.backgroundcolorover = '#cde4ea'; // cor do fundo ao passar o mouse
eye.bordercolor = '#5892b0'; //cor da borda
eye.fontsize = 11; // tamanho da fonte
eye.fontfamily = 'Verdana'; // font family
Editando os Links
Procure no código o seguinte trecho:
//menuitem: eye.spinmenuitem(texto, link, target)
eye.spinmenuitem("Link 1","http://endereçodolink","_blank");
eye.spinmenuitem("Link 2","http://endereçodolink","_blank");
eye.spinmenuitem("Link 3","http://endereçodolink","_blank");
eye.spinmenuitem("Link 4","http://endereçodolink","_blank");
eye.spinmenuclose();
E substitua nos locais indicados, lembrando que _blank = nova página; _self = mesma página
Se quiser colocar mais links, acrescente a seguinte linha
eye.spinmenuitem("Novo Link","http://endereçodolink","_blank");
antes de eye.spinmenuclose();