Tutorial - Menu Oups

Boa tarde/noite leitoras!
Talvez quarta não dê para eu postar, pois eu tenho prova toda quinta e nessa quinta vai ser prova de física e química que estou com um pouco de dificuldade. Só avisando mesmo KKK'

Estava sem nada para fazer quando fui no lindo tumblr que é o Things To Help You e encontrei esse menu muito lindo! Porém quem transformou o tuto foi o  Kawaii World! Então créditos ás duas!
Se usarem/reblogarem creditem ao TTHY!

Live Preview

Vamos aprender?

1. Abra o html do seu blog e pesquise por: ]]></b:skin>

2. Depois de procurar, cole esse código acima da tag que acabamos de achar:
<br /> .simplemenu {cursor: pointer; font-family: Georgia; position: absolute; width: 700px; margin-top: 28px; height: 62px; font-size: 16px; letter-spacing: 1px; overflow: hidden; font-style: italic; margin-left: 90px;}<br /> .simplemenu a {color: #ffcbcb; padding-left: 29px; padding-right: 11px;text-shadow: 0px -100px 1px #94d0cf; padding-top: 58px; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;}<br /> .simplemenu a:hover {color: transparent; padding-left: 29px; padding-right: 11px; text-shadow: 0px 0px 0px #94d0cf; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease;} Recomendo não editar muitas coisas! O código é grande mas bem simples!
3. Depois salve. Agora crie um gadget de HTML/Javascript e cole isto nele:

<div class="simplemenu"> <a href="#">Home</a><br /> <a href="#">Ask</a><br /> <a href="#">Tutoriais</a><br /> <a href="#">Materiais</a><br /> <a href="#">Faq</a><br /> <a href="#">Themes</a><br /> <a onMouseover="this.style.background='#'" onMouseout="this.style.background='#'" onClick="document.getElementById('main').innerHTML=document.getElementById('leia').innerHTML" title=":)">IFRAME</a><br /> </div>

Enfim, eu achei o tuto super facinho e o resultado uma graça! Espero que tenham gostado ;33 <big>B</big>js ^_^