7 de mai de 2012

Menu Vertical no seu Blog



Oi Cherrys , tudo bom ? espero que sim .
Bom hoje trouxe um tutorial , de como colocar aquele menu vertical igual o dá qui do blog .
Vejam na imagem abaixo ;


Let's Go ?

 Abra o blogger, clique em design. 
Clique para adicionar um gadget na sidebar. 
Escolha o gadget de HTML/Javascript. 




<STYLE type="text/css">
#menuzinho {
display: block;
width: 100%;
height: 19px; /* ALTURA DO MENU /*
width:178px /* LARGURA DO MENU /*
vertical-align: middle;
font-family: Verdana, Arial, sans-serif;
font-size: 10px; /* TAMANHO DA FONTE */
font-weight: bold;
color: #FFB3D7; /* COR DA FONTE */
text-indent: 5px;
line-height: 17px;
margin-bottom: 3px;
margin-left: -1px;
background-color:#FFECF3; /* COR DO FUNDO */
}
#menuzinho:hover {
display: block;
color: #FF80C0; /* COR DA LETRA QUANDO PASSA O MOUSE */
background-color: #FFDFEE; /* COR DO FUNDO QUANDO PASSA O MOUSE */
}
</style>
<a id="menuzinho" href="URLDOLINK">NOME DO LINK DO SEU MENU</a>



Se quiser colocar mais links no menu , copie a ultima parte do codigo que ta la no final 



<a id="menuzinho" href="URLDOLINK">NOME DO LINK DO SEU MENU</a> 

Salve se estiver tudo certo .
Para modificar as cores clique aqui


E ai gostaram ?
Os creditos são todo do Cherry Bomb
Kiss

Um comentário:

Candy Bruna disse...
Este comentário foi removido por um administrador do blog.