14 de dezembro de 2014

Menu Growing



Menu bem fácil de editar e colocar no theme. Pode ser utilizado no blogger ou no tumblr.


Visualize ele aqui.

Insira o código abaixo no seu CSS(é esse código que você deve personalizar tamanho, cores, fonte, etc...):

/**************** Menu por Gallyack  ****/
a.gagau{
cursor: url(urldocursor), progress;
background:#000000;
padding:4px;
padding-left:6px;
padding-right:6px;
font:10px verdana;
decoration: none;
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.
Taí, facinho né!?

0 comentários :

Postar um comentário