8.22.2012

Menu Flowers

 

Hooy gente,tudo bom !
Espero que sim ; )
Hoje trouxe um tutorial pra você .
Esse tutorial pertence ao The Lovers
Okay,vamos ao tutu >>
Bem o resultado é esse >


Lindo não ?!

Okay,agora o tutu
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 */
} 

As cores estão personalizadas de acordo com o exemplo. Caso queira mudarutilize 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, coloque o link de sua página e em nome da página, ah vocês já sabem! Cole o código acima de acordo com suas páginas no blog.

Bem,ótimo tutu néeh ?
Eu gostei e decide postar aqui também !
Okay,volte sempre e espero os comentários !
Bjolls ; **

Nenhum comentário:

Postar um comentário