29/08/2012

Tutorial: Menu Vertical

||

Eu tava passeando pelo blog da Cherry bomb e achei esse menu muito fofo então colocarei aqui, mas os creditos vão todos para ela ok? -cherry-liah.blogspot.com-
Vá para Design ou Layout e adicione um gadget de Html/JavaScript e dentro dele cole isso:

<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>
Onde esta em vermelho você coloca o URL da pagina desejada e o nome do link, se você quiser colocar mais e só repitir a parte em vermelho.

2 comentários:

  1. Awnnnnnnn amoo seu blog de vez em quando estu aqui babando nele *o* aceita parceria?
    http://garotanomundohtml.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Yo!!!! Hehe fico feliz que goste dele sim eu aceito sim achei lindo o seu blog

      Excluir

Hi guys!!!!
Hey aqui é Wendy, blogueira desde 2010! Viciada em animes, amante de livros e adora ver séries! Criei esse cantinho na intenção de ajudar na criação e personalização de blogs e sites.
Wattpad Facebook Tumblr Instagram