quarta-feira, 16 de novembro de 2011

Tutorial - Menu vertical pra usar no blog :)

 
Se usar credite "coisinhas mil"

Esse primeiro código você adiciona no seu html, se você usa o modelo do Novo Blogger coloque antes de ]]></b:skin>.
<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>

Agora, coloque esse código onde você quer que seu menu apareça:
<a id="menuzinho" href="URLDOLINK">NOME DO LINK DO SEU MENU</a>



No Final, seu menu ficará assim:
A parte mais clara é ele normal, e a parte mais escura é quando passar o mouse em cima!