Tutorial - Menu Uops


Boa Tarde, coisas maravilhosas.

Então gente eu estou muito feliz, porque nós conseguimos alcançar nossa meta de 40 seguidores, foi hoje que aconteceu, e agora a meta é de 60 seguidores, vamos ver se nós conseguimos. Bom e em comemoração hoje vai ter muitos posts,pelo menos eu vou tentar. E agora eu trouxe um menu muito lindo que eu achei no Things To Help You (créditos). Se você quiser visualizar o menu antes clique aqui.
Não é lindo ? Então vamos lá aprender omo faze-lo.

1. Cole o seguinte código acima de ]]><b:skin:

.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. Para utilizar o menu adicione um gadget de HTML/JavaScript 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>

6 comentários:

Regras:
• Os comentários são moderados.
• Não xingue nada nem ninguém.
• Comentários como: "Seguindo, segue de volta ?" serão deletados.
• Se for fazer uma crítica faça com educação e bom senso.
• Pedidos feitos por comentário não serão realizados, pedidos só na ask.
• Obrigado por comentar!