Novidades DPN!!!

CONTATO
Héliton Martyns
notileh@facebook.com
helitonmartyns@yahoo.com.br

Pesquise algo

Mostrando postagens com marcador Blogger. Mostrar todas as postagens
Mostrando postagens com marcador Blogger. Mostrar todas as postagens

1 de abr. de 2014

Como colocar um menu dropdown no Blogger

APRENDA AQUI COMO CRIAR UM MENU DROPDOWN

Como prometido no tutorial mencionado acima, aqui vamos aprender à colocar um menu dropdown no Blogger.
Primeiro, pegue o código HTML que você criou no tutorial anterior.
Copie ele todo.
No painel do Blogger, clique em Modelo:
E depois em EDITAR HTML:


Agora, tecle Ctrl+F e pesquise por </header> na pequena caixa e tecle ENTER.
Insira seu código HTML DEPOIS dessa tag.
(Caso queira o código antes do cabeçalho, coloque o HTML antes de <header>)
Lembre-se de remover do HTML (do menu) as tags <body>, </body>, <head> e </head>. Do contrário seu html não será aceito.
 Salve o Modelo.


Você notará uma lista no lugar do menu. Vamos resolver isso:

Clique novamente em Modelo e depois vá em Pesonalizar:

Vá em Avançado e depois em Adicionar CSS:

Cole todo o código CSS do último tutorial dentro da caixinha de CSS. Note que o menu já toma forma.
Clique em Aplicar ao Blog.

Pronto! Você já tem um menu dropdown no seu blog.







Héliton Martyns

Como criar um Menu Dropdown em HTML+CSS

No tutorial de hoje, vamos aprender como criar um menu Dropdown em HTML+CSS.

Veja o que é um Menu Dropdown na Wikipédia:
Wikipédia, A Enciclopédia Livre - Menu Dopdown
*Eles utilizam as linguagens de HTML e CSS. O HTML é o responsável pelos links e pelo que está escrito, enquanto o CSS é responsável pelo estilo.

Então vamos ao tutorial.