Pular para o conteúdo principal

Postagens

Mostrando postagens com o rótulo como

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

Saiba como é feito:"Menu Horizontal DropDown"

Menu Horizontal DropDown ...instalar um Menu Drop Down no seu blog. Para quem não sabe, Menu Drop Down, é aquele que quando passamos o mouse em cima de um determinado botão do menu, logo abaixo dele, se abrem varios sub-menus. DEMO . Lembre-se: Salve o seu template antes de começar. Nunca deixe de fazer um backup do seu Template para evitar transtornos. 1º passo: Aplicar estilos ao seu Menu Drop Down: Vá em design >> Editar HTML >> Expandir modelos de widgets.   Copie o código abaixo e coloque-o  antes de   ]]></b:skin> /* NavbarMenu --------------------------- */ #NavbarMenu { background: #555 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWHCoSoHDcRjHZtV84kiWVmb4Bv34AfmQKahMyqz_QLKE9ZNag8aaXgstSB_gB2dpjGHRv2rHfH4Fmkf2yU4qXTajaBmYIHUkFirprdDfp1usOwgbLYMX23nI4MiQdspygKE6XWH11Zx4/s1600/navbar.png); width: 100%; height: 35px; font-size: 12px; font-family: Arial, Tahoma, Verdana; color: #FFF; font-weight: bol

contato

Nome

E-mail *

Mensagem *

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