Tutorial-Menu Cupcake

Hello brigadeiros da Demi *w*!

 Eu tenho uma coisa importante para anunciar para vocês: Infelizmente, eu vou viajar do dia 26/12/12 ( B-day of Jade Thirlwall, my cute baby) até 05/01/13. Então vou programar alguns posts. Não fiquem chateados por eu não responder os muitos comentários que vocês vão me mandar... Vamos ao post? É o mesmo menu que eu uso. 

(Créditos)

É só copiar e colar esse código, em um HTML/JavaScript, no Layout do seu blog.

<center><a href="http://garotas-cupcakes.com"><cupcake>Home</cupcake></a>

<center><a href="http://garotas-cupcakes.com"><cupcake>Home</cupcake></a>

<center><a href="http://garotas-cupcakes.com"><cupcake>Home</cupcake></a>

<style>

/* Menu Cupcake by: Garotas Cupcakes */

cupcake {

border-right: transparent;

border-left: 5px solid #e5a7bb; /* cor da borda */

background-color: #f5f2f3; /* mude a cor do fundo */

width: 20%;

float: left; 

padding: 10px; 

font-size: 12px;

font-family:Corbel; /* fonte */

color: #e193a6; /* mude a cor da fonte */

text-align: center;

-webkit-transition-duration: .50s

transition-duration: 1s;

-moz-transition-duration: 1s;

-webkit-transition-duration: 1s;

}

cupcake:hover {

border-right: transparent;

border-left: 5px solid #00a7ac; /* mude a cor da borda */

background-color: #e8eded; /* mude a cor do fundo */

width: 20%;

float: left; 

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

padding: 10px; 

font-size: 12px;

font-family:Corbel; /* mude a fonte */

color: #96b6ac; /* mude a cor da fonte */

text-align: center;

-webkit-transition-duration: .50s

transition-duration: 1s;

-moz-transition-duration: 1s;

-webkit-transition-duration: 1s;

}

</style></center>