20 de set de 2013

Menu de coração

Mais um menu para vocês, este é o famoso menu de coração que vemos em muitos blogs.
para ver este menu clique aqui

Para colocar em seu blog coloque o código abaixo antes de ]]></b:skin>

.anns {
background:#D2D3F2;
width:200px;
font:arial;
size:9px;
color: #FFFFFF;
overflow:hidden;
height:20px;
padding:1px;
float: left;
margin: 1px;
-webkit-transition-duration: .5s;
}
    .anns:hover {
background: #FFB7CE;
color:#FF84AD;
width:100px;
-webkit-transition-duration: .5s;
}


Você só vai mudar as partes em Negrito

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

<span class="anns" onclick="changeNavigation('01')"><a href="Link">♥Nome do Link</a></span> <br /><p>
<span class="anns" onclick="changeNavigation('01')"><a href="Link">♥Nome do Link</a></span> <br /><p>
<span class="anns" onclick="changeNavigation('01')"><a href="Link">♥Nome do Link</a></span> <br /><p>
<span class="anns" onclick="changeNavigation('01')"><a href="Link">♥Nome do Link</a></span> <br /><p>

2 comentários :

  1. Oi,eu consegui fazer o menu mas não sei como postar nessas páginas.Quando clico no botão sou direcionada á uma página vazia como faço pra mudar isso?
    Obrigada

    ResponderExcluir

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