Image Map
|

31 de jan. de 2012

Como colocar menu vertical

Hooy! Menu vertical é bom para Goodies sabia? Vejam só:


Imagem: Cherry Bomb


O código desse menu é do site Coisinhas Mil. Vamos lá?

th_setaAbra o blogger e vá na aba designer
th_setaAdicione um gadget de HTML Javascript
th_setaCole no gadget todo o código abaixo:

<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>

th_seta Altere as cores como quizer, a Liah do Cherry Bomb comentou que alterou o código um pouquinho para er mais fácil de personalizar! 
Veja as cores nessa tabela

th_seta Sempre que quizer adicionar mais uma aba ao menu, adicione:
<a id="menuzinho" href="URLDOLINK">NOME DO LINK DO SEU MENU</a>

Depois é só arrumar! 

Beijooss




0 cherryes comentaram! Vc ta aqui?: