Menu Splasher

Oi diamantes :) Desculpem não estar postando muito. Só vou poder postar normalmente a partir de 7 de Março, altura em que acabam minhas provas.

Trouxe um menu que adaptei de um tumblr (deste, acho eu), em que o icon gira e o link sobe, se quiserem visualizar, cliquem.

Para aplicá-lo, vá ao html, pesquise por ]]></b:skin> e por cima cole :

/***Menu Simone(cerejadosundae)**/

 .navsm{float:center; overflow: hidden;background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#fff));display: inline-block; padding: 2px; text-align: center; color:#aaa;margin:1px; line-height:40px;height:40px;width:40px;font-size: 10px;font-family: 'trebuchet ms', sans-serif; -webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;transition: all 0.5s linear;border-radius:100px; border: 1px solid #d6d6d6;}

.navsm:hover {height:56px;background: #FFFFFF;color:#aaa;}

.navsm img{width:18px;margin-top:10px; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; }

.navsm:hover img{-webkit-transform: rotate(360deg); }

Adicione um gadget html/javascript e cole quantas vezes precisar :

<a href="LINK"><div class="navsm"><img src="ICON" />

NOME</div></a>

Deixo aqui alguns icons (se soubesse fazer, fazia mais).

Beijos :)