Menu BluePink

 

Oi Amores !

Tudo bem ?

Hoje eu vou postar um tutorial de um menu que eu vi nesse

Blog ... então os creditos são tudo dela :)

Let's go ... E cole esse codigo aqui ANTES do codigo !!

Visualize o menu aqui >> Vá em modelo >> Editar HTML >> procure por: ]]></b:skin> >>

E cole esse codigo aqui ANTES do codigo !!

.menuzi{

background:#FF69B4; /* cor de fundo */

font-family: verdana; /* fonte */

 width: 60%;  /* largura */

float: right;

padding: 7px;

text-align: center;

margin: 2px;

border-radius: 4px;

font-size: 9pt; /* tamanho da fonte */

color: #FFFAFA; /* cor da fonte */

-webkit-transition-duration: .40s;

-moz-transition-duration: .40s;

transition-duration: .40s;

}

.menuzi:hover {~

font-family: arial; /* fonte ao passar o mouse */

width:65%; /* largura ao passar o mouse */

float: right;

background:#AFEEEE; /* cor de fundo ao passar o mouse */

padding: 8px;

text-align: left;

margin: 3px;

border-radius: 12px;

font-size: 11pt; /* tamanho da fonte ao passar o mouse */

letter-spacing:3px;

color: #FFFAFA; /* cor da fonte ao passar o mouse */

padding-left:0px;

Modifique o que esta em negrito usando essa Tabela !

 Depois vai em gadget HTML/JavaScipt cole esse código :

 <div class="menuzi"><a href="link">Exemple1</a></div>

onde esta encrito link , apague e coloque o link da pagina , e onde esta Ecemple1 coloque o nome da pagina , salve e prontim *0*  ...