02/09/2012

Colocando menu vertical!

Tumblr_m8mr6rt3tj1rt60awo1_1280_large
Vou ensinar a colocar um menu vertical tipo esse:
Demonstração Aqui

Clique em Leia Mais para aprender a colocar o menu!

1º-No layout clique em adicionar um gadget,adicione um HTML/Javascript onde quer o menu na sidebar.


2º-Copie e cole no gadget todo codico 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>

Altere onde pede(cor da letra,cor de fundo e etc...)

Quando quiser mais um link adicione o codigo abaixo


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


Mude o url do link que voce quer por,o nome.

Creditos Cherry Bomb e Coisinhas mil

3 comentários:

  1. Ameei! Agora que eu estou pondo um layout novo no meu blog esse tutorial combino muito,cara te amo kkk' seu blog é lindo super cute parabéns flor!

    http://cantinhodaslovelys.blogspot.com.br/

    ResponderExcluir