Pular para o conteúdo principal

Postagens

Mostrando postagens com o rótulo Horizontal

Pesquisar

aprenda como se faz: "Subnav Menu Horizontal com submenus"

Subnav Menu Horizontal com submenus





Em outro artigo eu publiquei um modelo de Menu Horizontal Dropdown que funciona a base de puro CSS.

Neste tutorial, veremos um outro tipo de menu no estilo dropdown, que tem um efeito bastante interessante, que foi desenvolvido por Soh, do site SohTanaka.



Demo

Você pode conferir o demo original aqui.
Me pediram para explicar como instalar este menu no Blogger, então vamos lá:


1. Aplicar estilos CSS
Vá na aba "design", entre na edição HTML do seu template, não precisa clicar em "expandir modelos de widgets" 

e procure pela tag 
]]></b:skin>
e cole o seguinte código logo ACIMA dela:

/* Subnav Menu------------------ *//*-- container geral do menu--*/ul#topnav {margin: 0;padding: 0;float: left;width: 100%; /*-- se quiser edite a largura total do menu --*/list-style: none;position: relative;font-size: 1.2em; /*-- edite tamanho da fonte--*/background: #000; /*-- edite cor de fundo--*/}/*-- itens das listas--*/ul#topnav li {f…

contato

Nome

E-mail *

Mensagem *

Google+ Followers

buscas populares …apareça nas buscas… cadastre seu web site aqui…/buscas populares…alô negócios !!!…