Menu Flowers

Imagem

Hola doces encaramelados
Antes de mais nada quero dizer que agradeço muito à visita de você que está aí do outro lado da tela de um computador ou de um notbook ^_^

Hoje vamos aprender esse menu

Créditos // Visualização

Bora?

Vá no seu HTML e procure por:

]]></b:skin>

Acima cole o código

/* Menu Flowers feito por The Lovers */

uno{

background: #f0f8ff; /* Cor de Fundo */

color: #000000; /* Cor da Fonte */

border-left: 1px solid #6495ed; /* Cor da linha esquerda */

border-top-right-radius: 50px;

border-bottom-right-radius: 50px;

-webkit-transition-duration: .30s;

padding: 6px;

margin: 2px;

font-size: 11px; /* Tamanho da fonte */

text-align: center;

width: 25%; /* Tamanho da fonte */

float: left;

font-family: century gothic; /* Nome da fonte do menu */

}

uno:hover{

background: #fffafa; /* Cor de Fundo ao passar o mouse /*

color: #000000; /* Cor da Fonte ao passar o mouse */

border-left: 1px solid #ffc1c1; /* Cor da linha esquerda ao passar o mouse */

border-top-left-radius: 50px;

border-bottom-left-radius: 50px;

-webkit-transition-duration: .30s;

padding: 6px;

margin: 2px;

font-size: 11px; /* Tamanho da fonte do menu ao passar o mouse */

text-align: center;

width: 25%; /* Tamanho do menu ao passar o mouse */

float: left;

font-family: century gothic; /* Nome da fonte do menu ao passar o mouse */

}

Para usar vá em Layout > Adicionar um gadget > HTML / Javascript 

depois cole esse código:

<a href="Link da página"><uno>Nome da página</uno></a>

Depois é só editar conforme seu gosto e ter seu lindo menuzinho no gadget de seu blog! beijos!