20/09/2012

menu com efeito giratório


Hoje vou ensinar um menu muito fofo que aprendi a fazer no bad reputation
HA,estou pensando em fazer um concurso para eleger um novo postador para o blog,adoraria alguém que me  ajudasse a postar aqui,então qualquer coisa eu aviso ok?
agora clique em leia mais...
Mini gif 150Vá em design > editar HTML > Aperte  Ctrl+F e procure por:

]]></b:skin>

Mini gif 150Acima de  ]]></b:skin>  cole o código:
/***MENU GIRATÓRIO FEITO - RAFAELA CARVALHO***/
un {background: #fff; display: inline-block; font-family:Arial;
font-size: 11px; padding: 3px; margin: 2px; color: #000;
-webkit-transition-duration: .70s; border-radius: 2px; cursor: hand;
-webkit-box-shadow:0 0 1em #ccc; opacity:.75;}
un:hover {-webkit-transform: rotateY(-360deg) ;
-webkit-transition-duration: .70s; opacity:.99}
Edite da forma que quiser (o que esta em rosa)
Visualize  se tiver tudo ok, salve!

Mini gif 150Agora para o código funcionar é só você adicionar um Gadget HTML/JAVASCRIPT:
e colar o seguinte código:

<un><a href="URL_DO_LINK">Título do link</a></un>

 Prontinho

Nenhum comentário:

Postar um comentário