sábado, 3 de novembro de 2012

Tutorial- Menu de folinhas


Oi galera, hoje venho trazer pra vocês mais um tutorial. Vou ensiná-los à colocar no seu blog um menu de folinhas. É super fácil, vamos lá:

Vai ao seu blog > Design > Editar HTML e dê um Ctrl + F e pesquise por ]]></b:skin> > Acima desse código você vai colar o código abaixo e fazer as alterações como você quiser:

/*---Início do Menu com Efeito by Bomba de Glitter---*/
bdg {
font-family: tahoma; 


width: 17%; 
float: left;
background:COR DO FUNDO DO MENU; 
padding: 5px;
text-align: center;
margin: 2px;
-webkit-border-radius: 9px 0px 9px 0px; 
-webkit-transition-duration: .80s; 
font-size: 08pt; 
color: COR DA LETRA; 
}

bdg:hover {
font-family: tahoma; 
width: 17%; 
float: left;
background:COR DO FUNDO DO MENU QUANDO PASSA O MOUSE; 
padding: 5px;
text-align: center;
margin: 2px;
-webkit-border-radius: 0px 9px 0px 9px; 
-webkit-transition-duration: .80s; 
font-size: 08pt; 
color: COR DA FONTE DO MENU QUANDO PASSA O MOUSE; 
}/*---Fim do Menu com Efeito by Bomba de Glitter---*/

Agora vou explicar o código: Onde esta escrito tahoma é o nome da fonte que vai ser usado no menu, se não gostar, coloque o nome da fonte que você gosta. Onde tem COR DO FUNDO DO MENU é a cor do fundo, então vá na tabela de cores e escolha a cor que mais combina com o seu blog. Onde tem 80s é a duração, o 80 nem é rápido e nem tão demorado, eu não modificaria, mais isso é da sua opinião. Onde tem 08 é o tamanho da fonte, modifique se quiser. E cor da letra é cor da letra. Agora onde está azul é quando o mouse passa por cima, tudo o que você colocou em cima (o que está rosa) pode deixar em baixo igual, só a cor que você deve mudar para dar um efeito legal!! Agora para aplicar em seu blog, adiciona um gadget de JavaScript/HTML e cole o código a seguir:

<a href="Link"><bdg>Titulo do Link</bdg></a>

Você vai repetir esse código quantas vezes precisar, ou seja, quantas páginas seu blog tiver. Em Link você coloca o link da página e em Título do link coloca o título que você quer que apareça.

Link, crédito para: Bomba Glitter

Beijos e abraços.

Créditos: Chocolovers

0 Comments:

Postar um comentário