Yoo Minna,tudo bom?Eu vim trazer um tutorial de um menu que eu vi lá no Kawaii World,para ver o Preview clique aqui...
Achei ele muito lindo *-*
Bem,aqui o tutorial:
1-Vá em:Modelo>Editar HTML>Aperte F3/CTRL+F e procure por:]]><b:skin,e acima da TAG cole esse 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;}
2-Adicione um GadGet e cole esse 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>
Espero que tenham gostado,kissu ;3
Adorei.
ResponderExcluir