Menu Folhinha no Blog

Yoo !!!

Hoje eu estava dando uma passadinha no Bomba de Glitter (www) e vi o tutorial de um menu super fofo.

O Nome dele é o Menu de Folhinha (Já informei no título do post).

Olhem o resultado dele:

Essa imagem pertence á: WWW.

Então, vamos aprender ?!

Enjoy ~~

Vá no seu HTML --> F3 --> Procure por ]]></b:skin> --> Logo acima dele coloque o seguinte código:

/*---Início do Menu com Efeito by Bomba de Glitter---*/
bdg {
font-family: tahoma; /* Fonte do Menu */
width: 17%; /* Tamanho do Menu */
float: left;
background:#8EE5EE; /* Cor do fundo do Menu */
padding: 5px;
text-align: center;
margin: 2px;
-webkit-border-radius: 9px 0px 9px 0px; /* Pontinhas da Borda - não modifique se quiser o formato igual ao meu */
-webkit-transition-duration: .80s; /* Duração do Efeito - não modifique se quiser o efeito igual ao meu */
font-size: 08pt; /* Tamanho da fonte */
color: #fff; /* Cor da fonte */
}
bdg:hover {
font-family: tahoma; /* Fonte do Menu quando passa o mouse */
width: 17%; /* Tamanho do Menu quando passa o mouse */
float: left;
background:#FF69B4; /* Cor do fundo do Menu quando passa o mouse */
padding: 5px;
text-align: center;
margin: 2px;
-webkit-border-radius: 0px 9px 0px 9px; /* Pontinhas da Borda - não modifique se quiser o formato igual ao meu */
-webkit-transition-duration: .80s; /* Duração do Efeito - não modifique se quiser o efeito igual ao meu */
font-size: 08pt; /* Tamanho da fonte do Menu quando passa o mouse */
color: #fff; /* Cor da fonte do Menu quando passa o mouse */
}
/*---Fim do Menu com Efeito by Bomba de Glitter---*/

Depois de ter colado o código, modifique como quiser, todas instruções estão no código, por tanto não tire nenhuma parte do código, principalmente os que estão 'não modifique se quiser um efeito igual ao meu' não esqueçam que não fui eu que escrevi essa parte do código por tanto não fui eu que escrevi 'não modifique se quiser um efeito igual ao meu'. Se caso quiser que o menu fique maior aumente o width para 20% e altere o tamanho da letra. Para colocar na sidebar, coloque:

<a href="Link"><bdg>Nome</bdg></a>

 Depois é só salvar e testar!

Obs. Como eu já tinha informado o menu não nos pertence e sim ao Bomba de Glitter