segunda-feira, 6 de junho de 2011

CSS3 Menu Sample




CSS3 está mudando a forma como construímos sites. Mesmo que muitos de nós ainda estão relutantes em começar a usar CSS3 devido à falta de apoio em alguns browsers, existem aqueles que estão lá fora avançando e fazendo coisas incríveis com suas características novas frescas. Não vamos mais ter de depender tanto JavaScript e imagens para criar site olhando agradável elementos como botões e navegação de menu.

Você pode construir um menu de navegação cool arredondados, sem imagens e sem javascript, e efetivamente fazer uso das propriedades CSS3 nova border-radius e animação. Este menu funciona perfeitamente bem com o Firefox, Opera, Chrome e Safari. O dropdown também funciona em navegadores não-CSS3 compitable como o IE7 +, mas os cantos arredondados e sombra não será processado. Transições CSS3 pode um dia substituir todos os extravagantes jQuery animação usar truques pessoas.
Como construir um Cool CSS3 Menu sem Javascript





1) Abra o menu do software CSS3 e clique em "Adicionar item"e "Adicionar submenu" botões situados no CSS3 Menu Barra de ferramentas para criar o seu menu. Você também pode usar o item "Excluir "para excluir alguns botões.

2) Use modelos prontos para uso. Para isso, basta selecionar o tema que você gosta no "Modelos"lista. Dê um duplo clique no tema que você gostaria de aplicá-lo


3) Ajuste a aparência do menu.
3.1. Selecione o item clicando nele e alterar a aparência do botão para os estados normal e hover e definir as propriedades botões de link e de destino do link atributos no "Menu principal " guia.
3.2. Selecione o item submenu clicando nele e aparência submenu mudança para os estados normal e hover e defina as propriedades do link do submenu item e destino do link atributos sobre a "Submenu" guia.




Download Menu CSS3 para Windows e Mac OS


windows



Mac OS

Nenhum comentário: