12 abril 2013

Menu que cresce




Bom, vejo que muitas pessoas estão usando esse menu ultimamente, então decidi criar um tuto dele para vocês.
Visualize ele aqui - embreve.
Insira o código abaixo entre seu <style> e </style>:
/**************** Menu por Gallyack - 2g-html ****/
a.gagau{
cursor: url(urldocursor), progress;
background:#000000;
padding:4px;
padding-left:6px;
padding-right:6px;
font:10px verdana;
text-transform:uppercase;
color: #ffffff;
-webkit-transition:1s;
-moz-transition:1s;
}

a.gagau:hover {
background:#ff8e17;
padding-left:80px;
-webkit-transition:1s;
-moz-transition:1s;
text-align:center;
color: #ffffff;
}
Agora insira o código onde você quer que seu menu apareça, (tem que ser depois de <body>):
<center>
<a class="gagau" href="">TestedoMenu</a>
<a class="gagau" href="">TestedoMenu</a>
<a class="gagau" href="">TestedoMenu</a>
<a class="gagau" href="">TestedoMenu</a>
<a class="gagau" href="">TestedoMenu</a>
<a class="gagau" href="">TestedoMenu</a>
<a class="gagau" href="">TestedoMenu</a>
</center>
Bom, fiz esse tutorial com a ajuda de um menu que vi em um theme blogskins.

0 comentários :

Postar um comentário