Menu Flowers

A pedido da nossa querida Altamira (www), rs ja passei o link pra ela, mas mesmo assim vou deixar um tutorial de menu flowers, o menu igual da Rose (www)

O resultado vai ser esse:

Então vamos ao tutorial

Vá em seu HTML dê um CTRL + F e procure por:   ]]></b:skin>

ANTES de  ]]></b:skin> cole o seguinte 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 */
}

As cores pode ser personalizadas, então se você quiser personalizar clique AQUI e vá direto para a Tabela de Cores


Créditos: The Lovers