Repaginada no blog + tutorial: menu " Uops ".

                                                                   

         

Hello, Springers! Tudo bom com vocês? Hoje o post é compridinho. Como eu fiquei muito tempo sem postar, resolvi dar uma repaginada no blog pra começar com um up nas postagens.Gostaram? Então vamos ao que interessa! Leia mais...

Tutorial: Menu Uops

Para começar, vá no seu HTML e procure por ]]><b:skin:, e acima desta tag, cole o seguinte código:

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

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

E para usar o menu, adicione um Gadget HTML/JavaScript no lugar que você quer que ele apareça. Neste gadget, cole o seguinte código:

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

</div> 

Prontinho. Créditos ao: Things to Help You ♥ 
Fácil, não? ;)