Tutorial - Menu Zoomer

Yoo~

Estou trazendo outro tutorial, mas desta vez é de um menu,eu usaria em um modelo Rocker ..

Vamos lá pessoal que hoje tou com vontade de postar tutoriais xD

Tem um Live Preview aqui (www)

Vá em Editar HTML e procure por: ]]></b:skin>

Cole este código acima da tag:

#text { font-family: 'play'; font-size: 20px; width: 100%; text-align: center; margin: 20px 0;} #text:first-of-type { margin: 5px 0;} #text a { text-decoration: none; font-weight: bold; color: #ffffff; text-shadow: 0 2px 0 #721e1e, 0px 2px 5px rgba(0,0,0,0.5); position: relative; top: 0; -webkit-transition: all 0.1s ease-in; -moz-transition: top 0.1s ease-in, text-shadow 0.1s ease-in; -ms-transition: top 0.1s ease-in, text-shadow 0.1s ease-in;} #text a:hover { text-shadow: 0 2px 0 #d84f4f, 0 4px 0 #d54646, 0 6px 0 #ce3333, 0 8px 0 #b92e2e, 0 10px 0 #912525, 0 12px 0 #721e1e, 0px 12px 10px rgba(0,0,0,0.5); top: -12px; }

Agora abra um gadget HTML/JavaScript e cole:

<div id="text"> <a href="#">home</a> <a href="#">tutorial</a> <a href="/menu02">proximo</a> <a href="http://isinmyheartlovingyou.tumblr.com/">credito</a> </div> 

Sabem onde mudar por isso ...

Bye amores *w*