Menu Flowers

~Oi Oi Gente!

To pensando eu trocar de Layout então se o blog estiver "indisponível" por um acaso, espero que saibam que é por motivos úteis de reforma!

Como havia citado no post anterior esse resto da noite enquanto eu ainda puder, irei postar tutoriais e pra quem leu o post acima sabem pra quem vão os devidos créditos!

Tutorial

Vá em seu HTML dê um CTRL + F  e procure por:

]]></b:skin>

Acima de ]]></b:skin> 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 */

}

O código é enorme, mais está tudo explicadinho viu? As cores estão personalizadas de acordo com o exemplo. Caso queiramudar, utilize a tabela de cores aqui .

Para usar vai em Layout ou Design ~> Adicionar gadgets ~> HTM/Javacript e cole:

<a href="LINK DA PÁGINA"><uno>NOME DA PÁGINA</uno></a>

Em link da página, óbviamente coloque o link de sua página e em nome da página, aah vocês já sabem! Cole o código acima de acordo com suas páginas no blog.