21/12/2012

Tutorial: Menu Coração Deslizante

||

Hayoo pessoal, bom  eu estava procurando esse menuzinho para por no meu novo layout, então decidi postar aqui é claro dando os créditos ao blog Birthday Cake. Então vamos lá?

Vá ate seu HTML é la procure pela palavrinha ]]></b:skin,  assim que o achar, acima dele coloque esse codigo:

.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;} 

Agora vamos ao layout, e abra um novo gadget/JavaScript e cole:

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



Prontinho e só modificar as partes em negrito!

2 comentários:

  1. Anônimo12/2/13

    Lindo ^3^
    Vivia a procura deste menu ¬¬'

    ResponderExcluir
    Respostas
    1. Rsrsr 2!
      Mas por sorte eu achei, quando procurava outra coisa. Mas ainda bem que gostou ^^

      Excluir

Hi guys!!!!
Hey aqui é Wendy, blogueira desde 2010! Viciada em animes, amante de livros e adora ver séries! Criei esse cantinho na intenção de ajudar na criação e personalização de blogs e sites.
Wattpad Facebook Tumblr Instagram