Tutorial: Menu de Coração Deslizante

     

Boa tarde, gente. 

Me pediram um tutorial de como fazer esse menu de coração deslizante, 

Créditos do menu ao blog We Heart Html... 

Clique em Mais informações Aqui abaixo .

1° Vá no seu HTML, aperte Ctrl + F e pesquise pela tag ]]></b:skin> e acima cole:

.anns {background:#FFA8C3; font: normal 10px 'verdana'; color: #FFFFFF; width: 10px; overflow:hidden; height: 11px; padding:4px; float: left; margin: 2px; -webkit-transition-duration: .5s;}.anns:hover {background: #FFB7CE; color:#FF84AD; width: 65px; -webkit-transition-duration: .5s;} 

Você só vai mudar as partes em Negrito, agora, adicione um Gadgets HTML/JavaScript com o Seguinte código: 

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

  (  dá para mudar de cor ) ...

Prontinho! É bem fácil, não é? E o efeito é lindo! Espero que tenha ajudado, beijos!