12 de set de 2013

Menu Top Tutos

Trago para vocês um menu super fofo, o top tutos, ele é simples, mas dá um quê a mais no blog. 
Para ver o menu clique aqui

Para colocar em seu blog, vá no html dê Cntrl+F e procure por ]] ></b:skin>
quando encontrar copie o código abaixo e coloque acime desta tag

.novi a {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: left;
display : block;
font-family: arial;
font-size: 10px;
font-style: normal;
margin-left: 3px;
margin-right: 3px;
letter-spacing : 0;
background-repeat : no-repeat;
vertical-align : middle;
text-decoration : none;
line-height : 15px;
margin-bottom : 2px;
padding: 4px;
background : #fae5f0;
text-shadow: 1px 1px 1px #fff;
color: #d296b4;
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
text-transform: none;
 }
.novi a:hover {
background:#EBA5EF;
color: #fff;
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
}

Edite como desejar:
Background, color, text-shadow

Para fazer o menu funcionar coloque o código abaixo no gadget html/java script

<div class="novi">
<a href="seulink">nome do link </a>
<a href="seulink">nome do link </a>
<a href="seulink">nome do link </a>
<a href="seulink">nome do link </a>
<a href="seulink">nome do link </a>
<a href="seulink">nome do link </a>
<a href="seulink">nome do link </a>
</div>


Nenhum comentário :

Postar um comentário

Qualquer dúvida pergunte que
responderei com prazer.
Só peço que seu comentário
seja relacionado à postagem.

© Princess Tutoriais- Agradece sua visita
2014. Todos os direitos reservados
Pedidos? dúvidas? nos comentários ou na Ask.
imagem-logo