14 de mai de 2012

Dicas para blog: Menu de folhas

Passeando pela blogosfera, entrei no Blog das Meninas e vi um tutorial muito bom e queria postar aqui pra vocês. Primeiro meus créditos e agora o tutorial:

1° - Vai em Design -> Editar HTML -> Aperte Ctrl+F ou F3 e pesquise por:
]]></b:skin>


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


Modifique as cores do código se quiser. {Tabelas de Cores

Agora eu acho que você vai querer usar, não é mesmo? Para usar é muito simples..

Vai em Design -> Editar um Gadget -> 
HTML/JavaScript, e cole este mini código:
<a href="Link"><bdg>Nome</bdg></a> 


Salve, e depois, coloque o menu onde você quer que apareça!

Simples, não? Espero que tenham gostado. Beijooos da Gabiii

Nenhum comentário:

Postar um comentário

Yoo cherry, espero ter gostado do post. Se quiser comentar, fique a vontade, mais antes siga estas regrinhas:

- Não aceito comentário "Seguindo, segue de volta?"
- Não fale palavrões.
- Criticas são bem vindas, desde de que sejam criticas objetivas.
- Deixe o seu blog, talvez eu queira vê-lo.
- Aceito tags e selinhos.

Espero que sigam as regras que são bem importantes.