20 de set. de 2013

Menu Smudge

Olá pessoal, hoje trago um menu para colocar no topo do blog, achei este menu super fofo.
Para ver o menu clique aqui

Para colocá-lo em seu blog pegue o código abaixo e coloque-o acima da tag ]]></b:skin>

.menuch a,.menuch span{
color:#A82AD9;
font-family:arial;
font-style:normal;
font-size: 30px;
letter-spacing:3px;
cursor:hand;
-webkit-transition: all 0.7s ease;
-moz-transition: all 2s ease;
border-bottom: 0px solid #fff;
}
.menuch a:hover,.menuch span:hover{
text-shadow: 0 0 1.2em #683E78;
cursor:hand;
border-bottom: 3px solid #B957DD;
}

Personalize o que está em negrito.

Para fazer o menu funcionar copie o código abaixo e cole no gadget html/java script

<div style="position:absolute; margin-top:-20px; left:350px;"><div class="menuch">      
<a href="#">Link</a>      
<a href="#">Link</a>      
<a href="#">Link</a>      
<a href="#">Link</a>      
<a href="#">Link</a>
<a href="#">Link</a>
</div></div>

-Onde tem margin-top:-20px: distância do topo
- left:350px:  distância da margem esquerda

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