sexta-feira, 27 de julho de 2012

Menu "Friendly"


oooi amoores, tão bem? daqui à pouco tem um aniversário pra eu ir, então vou mostrar esse tutorial rapidinho pra vcs e depois mostro mais. Vamo ver?
Ele funciona assim:
Vá em Modelo -> Editar HTML -> tecle F3 e pesquise por ]]></b:skin> , abaixo dessa tag, cole:
/*-----Início do Menu Bad Reputation-----*/
kbr {
background:#20B2AA; /* Cor de fundo do Menu */
width: 20%; /* Tamanho do Menu (Largura) */
text-align: center;
font-size: 9px; /* Tamanho da fonte */
color: #FFFFFF; /* Cor da fonte */
letter-spacing:0px;  /* Espaço entre as letras */
padding: 4px;
margin: 2px;
float: left;
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
-webkit-transition-duration: .90s; /* Tempo do Efeito */
}
kbr:hover {
background:#3CB371; /* Cor do fundo do Menu ao passar o mouse */
width: 20%; /* Tamanho do Menu ao passar o mouse */
text-align: center;
font-size: 9px; /* Tamanho da fonte ao  passar o mouse */
color: #FFFFFF; /* Cor da fonte ao passar o mouse */
letter-spacing:0px; /* Espaço entre as letras */
padding: 4px;
margin: 2px;
float: left;
-moz-border-radius: 10px 25px / 25px 10px;
border-radius: 10px 25px / 25px 10px;
-webkit-transition-duration: .90s; /* Tempo do Efeito */
}
/*-----Fim do Menu Bad Reputation-----*/
Salve, agora vá em Elementos da página, adicionar um gadget, escolha HTML/Javascript e cole:
<a href="URL da página"><kbr>Nome da página</kbr></a><a href="URL da página"><kbr>Nome da página</kbr></a><a href="URL da página"><kbr>Nome da página</kbr></a><a href="URL da página"><kbr>Nome da página</kbr></a>
É isso ai minhas NERDS  ;3
Beijão da Dani  <3

Nenhum comentário:

Postar um comentário