04-Dez-2008
 
 
Login
Links Patrocinados
Menu Vertical - CSS PDF Imprimir E-mail

Mostrarei aqui como desenvolver um menu simples usando somente CSS, então vamos lá mãos a obra

nivel de dificuldade: 5,0 (*necessário conhecimento basico em html.)

1º vamos criar o arquivo CSS que será responsavel pela formatação do menu na página

tutorial

Salve este arquivo como menu.css (*este arquivo pode ser editado no bloco de notas, mas quando for salvar coloque a extenção .css )

2º Criando o arquivo Html ou PHP

tutorial

A 1ª linha é muito importante pois o href deve chamar o arquivo css que você criou ou então não irá funcionar

Salve este arquivo como menu.php ou menu.html

Lembrando a todos que eu trabalho com php então crio o menu em um arquivo separado, e faço um include na página onde será exibido o menu, pois facilita a manutenção que será de apenas um arquivo, e o menu será alterado em todas as páginas.

imagen do menu pronto

menu

Quando se passa o mouse em cima ficara assim:

menu

Antes de fazer qualquer pergunta leia atentamente os códigos dos arquivos pois é muito fácil entender os códigos.

Espero que gostem qualquer duvida ou se alguem quiser acrescentar alguma coisa deixa um comentário com seu e-mail e o que pode ser mudado, todos os créditos serão publicados.

faça as modificações que quiserem este código é livre.

 
Próximo >
 
Top!
Top!