JavaScript - Como aqueles menus são feitos?

Olá a todos.

Estava navegando, quando me deparei com um site que tinha uns menus com a cara do Windows Vista. Fiquei curioso pra saber como esse tipo de menu é feito. :shock:

É preciso criar a “arte” no Fireworks ou Photophop, e depois exportar ou tudo é feito via linha de código?

Alguém sabe como é feito?! :roll:

Forte abraço,

Cara, me passa esse site?

Vlw!

pcassiano, posta o site aqui para nós vermos! :smiley:

Olá

Os menus do Vista são do tipo abaixo?

São como os abaixo?

http://vista-buttons.com/multiple-website-menus.html

http://f-source.com/flash-menu/vista-drop-down/

Achei isto em um site que costumo visitar:
http://www.google.com/search?q=site+menus+vista

[]s
Luca

Normalmente é feito com CSS e Javascript. O que ele faz é basicamente o seguinte:
Quando o mouse estiver sobre o item mudar a imagem de fundo do item do menu e/ou deixar div do submenu visivel
Quando o mouse sair de cima do item do menu, voltar a imagem ao normal e deixar div do submenu invisível.

Os submenus dos submenus funcionam da mesma maneira.

Aqui um tutorial
http://blog.itookia.com/post/How-to-create-VISTA-style-toolbar-with-CSS.aspx

Tem menu desses com apenas CSS, mas não funciona num browser específico. Alguém adivinha qual é esse browser? :stuck_out_tongue:

Um exemplo do menu: http://meyerweb.com/eric/css/edge/menus/demo.html

use jsf + tomahawk e faça um igual… :wink:

hauhuuhah poxa é só js e css, naum tem segredo, e ai usa algum framework de js pra dar os efeitos de fade e slide

se vcs querem ficar impressionados com o poder dessa dupla dá uma olhada nisso aki:

http://smoothgallery.jondesign.net/showcase/gallery/

[quote=deniswsrosa]hauhuuhah poxa é só js e css, naum tem segredo, e ai usa algum framework de js pra dar os efeitos de fade e slide

se vcs querem ficar impressionados com o poder dessa dupla dá uma olhada nisso aki:

http://smoothgallery.jondesign.net/showcase/gallery/[/quote]

Ae guri, o link nao funfa, tem a moral de passar o link correto? Por gentileza.

Haloha,

Leandro Capuano

[quote=leandrocapuano][quote=deniswsrosa]hauhuuhah poxa é só js e css, naum tem segredo, e ai usa algum framework de js pra dar os efeitos de fade e slide

se vcs querem ficar impressionados com o poder dessa dupla dá uma olhada nisso aki:

http://smoothgallery.jondesign.net/showcase/gallery/[/quote]

Ae guri, o link nao funfa, tem a moral de passar o link correto? Por gentileza.

Haloha,

Leandro Capuano[/quote]

cara, aqui tah funcionando normal… qual erro q tah dando???

Perdao deniswsrosa, tive problema de proxy para acessar o site indicado, agora estah resolvido, valew.

Haloha,

Leandro Capuano

Olá

O link funciona e é muito legal. Gostei!

[]s
Luca

[quote=Luca]Olá

O link funciona e é muito legal. Gostei!

[]s
Luca[/quote]

:wink:
o unico problema dele Luca é q existem algumas conflitos com algumas bibliotecas importantes como o prototype, mas dá pra ser resolvido colocando-o em um frame por exemplo. Eu tenho como passatempo ficar procurando frameworks de js, e tenho encontrado coisas muuuito interessantes, athe hoje ainda babo no fisheye do Dojo toolkit ( http://dojotoolkit.org/demos/fisheye-demo ) e no Fx.elements do mootools ( http://demos.mootools.net/Fx.Elements )