Menu Scroll

Eae Galera vim trazer mais um tutorial legal de menus para voces , o menu de agora e o Scroll , confiram :

Demonstração

1° Passo - Adicionando o Codigo

Va no seu painel e la procure por :

]]>

Antes da tag cole o codigo :

.menur{
float:left;
padding:6px;
text-align:center;
height:auto;
width:auto;
margin:1px;
webkit-transition-duration: .90s;
font:11px georgia;
background:#eee;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
border-radius:10px;
color:555;
}

.menur:hover{
background:#ddd;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
-webkit-transform: rotateX(360deg);
transform: rotateX(360deg);
-o-transform: rotateX(360deg);
}

2° Passo - Aplicando o Menu


Cole este código onde deseja que o menu apareça:


<a href="LINK DO MENU" class="menur">nome do link</a>


Seu Menu esta Pronto - Comente