Menu Cupcake

Yoo meus chocolates amargos

 Vocês são uns doces só que eu gosto mais de chocolate amargo qq-

Como vocês vão? bem minha vida anda meio que um tédio, minha semana de prova irá começar e eu só estudando, ganhei um note book só que meu primo menor quebrou ele, quase matei ele se minha tia não estivesse por perto, mais ainda bem que hoje é sábado então é o meu dia de mexer na internet já que a semana toda estou em um mini emprego :)

Fiquei super feliz em ver que o A.N fez parceria com o Cherry Bomb, pois é muito bom saber que o blog que eu posto à tanto tempo fez afiliação com um blog divo.

Outra coisa também, faz um tempo que eu não posto 'Inspirações' aqui no blog, acho que hoje não dará, pois terei de ver meu filme on-line e depois terei de fazer um exercício, peço desculpas por isso, eu estou com saudades de postar inspirations para vocês, o próximo quadro de inspirações será especial, prometo, palavra de Bianca o/

Hoje trouxe um menu exclusivo do GC , então, créditos à ele.

• Live Preview

Super fácil o tutorial,

tudo que precisamos para ter esse lindo menu no nosso blog, é colar o código abaixo em um gadget HTML / Javascript:

<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>

Mude as cores das partes em itálico - Tabela aqui

 A parte que destaquei em negrito você poderá colocar mais menus adicionando esse código:

<center><a href="LINK"><cupcake>DESCRIÇÃO DO LINK</cupcake></a>

Beijos!