Menu Flowers

Heey Povo!!!

Hoje eu estava dando uma olhada no The Lovers e encontrei um menu muito lindo.

Quer Aprender ?!

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 é um pouquinho grande, mais está tudo explicadinho.

Se você quiser mudar as cores do menu utilize a Tabela de Cores.

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>

Vamos entender o código:

Onde está escrito Link da Página, você coloca o link da página desejada, e onde está escrito Nome da Página, você escreve o nome que quer que apareça no menu.

Não esqueçam que achei esse menu no The Lovers, então não esqueçam de creditar.

Assim como eu creditei o tutorial no começo do Post.