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
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
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
Quando se passa o mouse em cima ficara assim:
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.
Muito legal este menu! Parabéns pelo ótimo tutorial!
Tenho uma dúvida: O google localiza as paginas linkadas por este menu? Um abraço!
Muito bom esse menu, pretendo usar no meu site, mas não ficou igualzinho não.
Quero sugerir que o faça como texto e não como figura.
Geralmente, nós programadores, teimosos, trabalhamos de madrugada e acabamos esquecendo algum caractere.
À disposição,
Mário Franco.
O tutorial está ótimo, parabéns pela criação, e por torna-lo aberto para nos iniciantes e aventureiros webdesigner. como estou aprendendo, entendi bem que o ´so fuciona em .php. Existe alguma possibilidade de fazer o mesmo em html? [isto porque em minha pagininha ainda não comprei direitos de usar php. Quando aprender vou comprar.
Minha questão era exatamente essa: como controlar um menu à parte, tal qual voce descreve muito felizmente nesse tutorial.
Agradeço muito pela sua inteligencia!
Você tem algum menu vertical que trabalhe com 3 níveis.
atenciosamente
[],
aff
boto imagem nos codigos ¬¬
muito bom….^^obrigado pela dica
um abraço!!!!
Muito ruim! dá até desânimo de escrever tudo, so porque você colocou uma imagem en vez de um texto.. Nao gostei.