sábado, 11 de junho de 2011

Como criar um menu dropdown (horizontal com submenu)





Este é o post mais pedido de todos os tempos. É o mesmo que vocês podem ver acima no blog. Para fazê-lo vá em Design > Editar Html. Copie o código abaixo e coloque-o antes de ]]> < /b:skin>









Clique em Salvar Modelo.

Agora procure pelo trecho abaixo:






E cole logo abaixo dele:






Salve.


Alterações:

Endereço do link: Troque os locais indicados pelos links que você deseja. Pode ser links de postagens, páginas, marcadores e sites externos (Twitter, Facebook, etc.)
 Nome: Coloque títulos que aparecerão no menu e no submenu.


Alterações no primeiro código:

  Abaixo de :  #nav li a, #nav li a:link, #nav li a:visited {

Color: Cor da letra (fonte) no menu principal
Font-size: Tamanho da fonte no menu principal
Border-right: Largura e cor da borda no menu principal



Abaixo de :  #nav li a:hover, #nav li a:active {

Background: Cor do menu principal ao se passar o cursor em cima
Color: Cor da fonte ao se passar o cursor em cima

A mesma coisa para:
 
#nav li li a, #nav li li a:link, #nav li li a:visited {   e
#nav li li a:hover, #nav li li a:active {

Nos casos dos submenus.


Visite a tabela de cores em Html e escolha as de sua preferência 

10 comentários:

Eu disse...

Valeu, eu ja tinha conseguido esse mesmo código. Porém: ele da pal com o Internet Explorer 8 (funciona em todos os outros navegadores =/

Qdo vc passa o mouse encima, aparece atras do texto do post.

da uma olhada: www.kabumda.com

Marcelo disse...

IE é uma droga.. fazer o que..

IgoTiras disse...

Você deveria colocar imagens do que é, pq varias pessoas as vezes nao entendem o titulo do post mas entram por curiosidade...

Marineth Almeida disse...

Olá, preciso de ajuda urgente. sou iniciante e tentei anexar o código acima como sugerido e ocorreu um erro. aparece umas informações acima do layout.

Anônimo disse...

qual codigo eu preciso colocar para pegar no Internet explorer

marcos disse...

o seu blog pega no explorer sem problemas o meu só ta pegando o menu no firefox e chorme.
mais valeu muito bom o menu abraços

marcos

AZ Compras Online disse...

Alguns vão direitinho, clico em visualizar a pagina e tudo dá certo,mas esse quando vou para visualizar página da erro.
Sueli

André Emerick disse...

por favorrrrrrrrrrrrrrrrrrrrrr me ajudaaaaaaaaaaaaaa sou iniiante com eses troços de html e só muito ruim!

meu blog: http://historiasepensamento.blogspot.com/

Vagalume - Literatura, Arte e Cultura disse...

olá, não consegui encontrar o segundo código. pq será?

PlanetaBiribinha disse...

O meu não aparece este codigo ]]> < /b:skin> e agora como eu faço?

Artigos Relacionados

Related Posts Plugin for WordPress, Blogger...