Tutorial-Menu para blog Turn Me.


Oii pandas rosas!
Hoje trouxe aqui para vcs um menu muito lindo  criado por um rapaz chamado matheus o deveria creditar pelo Farry Teen mais como no ultimo post deles diziam pelo jeito esse blog com mais de 700 membros acabou eu acho isso muito chato né vc ralar tanto para no fim acabar assim do nada! Pois vejam como é esse meno no Live Preview abaixo:

 | Live Preview |

E para aprender a fazer é muito simples aperte Ctrl+F para abri a caixa de pesquisa e digito esse codigo ]]></b:skin> quando achar digite o codigo abaixo em cima desse ]]></b:skin>
.cresce {
float:center;
height:auto;
 padding: 3px 5px 3px 5px;
background-color:#B0DAE6;
color:#23699D;
font-family:Arial;
font-size:11px;
 text-align:center;
border-bottom:#23699D solid 3px;
-webkit-transition:all 1s ease;
-o-transition:all 1s ease;
-ms-transition:all 1s ease;
transition:all 1s ease;
text-transform: lowercase;
}
.cresce:hover {
 transition-duration: 0.5s;
 -webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
border-bottom:#B0DAE6 solid 3px;
background-color:#23699D;
padding: 10px;
}
E va em AdicionarGadget HTML/JavaScript e cole isso abaixo:

<a href="link" class="cresce">nome do link</a> 
Simples né? E o efeito é a coisa mais LINDA do mundo, espero que tenham gostado e até outro posto aqui no SG ^^ e creditem se usarem ok!

Nenhum comentário:

Postar um comentário