09/11/2014

Adicionando Menu no Cabeçalho

Oi meus gatinhos de chocolate! Tudo beleza? Então, tirando a poeira da tag "Tutoriais", trago um tutorial exclusivo de como colocar o menu dentro do cabeçalho.


Então pessoal, primeiro você precisará excluir o cabeçalho. Depois é só fazer um cabeçalho com um espaço bem amplo para colocar o menu.  Fiz um cabeçalho de exemplo:

Clique para ampliar - Cabeçalho apenas para exemplo, se usar, credite.
Eu sei, não ficou aquela coisa linda (fiz correndo), mas enfim. Depois de fazer o cabeçalho, hospede a imagem em hospedador de imagens e guarde a url da sua imagem. Depois escolha um menu. 
Agora vamos usar um script para inserir o menu em cima do cabeçalho.
<div style="background:url(Url da imagem do cabeçalho aqui) right no-repeat; height: 330px; width: 950px;"><div style='float:right; padding-top:19px; padding-right:0px;'>Script do menu</div></div>
Explicando:
height: Altura da imagem
width: Largura da imagem
float: Lado onde o menu vai "flutuar" (right: direito/left: esquerdo)
padding-top: Número em px que o menu vai ficar (cima). Quanto mais aumentar esse número, mais o menu abaixa.
padding-right: Número em px em que o menu vai ficar pelo lado direito
Script do menu: É onde você coloca o código de instalação do seu menu, exemplo:

<div class="menu"><a href="http://cutieteens.blogspot.com">Home</a></div>
Depois é só  Adicionar um Gadget// HTML/Javascript e pronto!
Espero ter ajudado, beijins >.<

----------------------------------------------------------------------------------

Nenhum comentário:

Postar um comentário