domingo, 10 de fevereiro de 2013

Tutorial - Menu Glow



Trouxe esse menu super fácil. Primeiro, dê uma olhadinha no menu clicando aqui. Ele é bem simples e serve mais para quem já tem um template bem elaborado e não precisa de um menu tão chamativo.
ahh os creditos é para o KW sempre né



1. Se você for usar a mesma fonte que está na preview, realize esta etapa. Se não for, pule para a etapa dois. O nome da fonte é 'Play' e para usar, você precisa instalá-la no blogger. Procure por <head> e abaixo da tag, cole:

<link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'/>

2. Procure por ]]></b:skin> e acima do código, cole:

.Glow {
float:center;
}
.Glow a {
color: #fff;
margin-left: 8px;
font: 26px play;
-webkit-transition-duration: .90s
}
.Glow a:hover {
text-shadow: 0 0 0.2em #fff;
}
Se precisar mudar a cor da fonte, troque o primeiro fff pelo código da sua cor e se precisar mudar a cor do brilho, troque o segundo fff pelo código da cor.


3. Agora é só aplicar. Em um gadget de HTML/JavaScript, cole o seguinte:

<div class="Glow">
<a href="www.seublog.com.br">Link 1</a>
<a href="www.seublog.com.br">Link 2</a>
<a href="www.seublog.com.br">Link 3</a>
</div>
Conseguiram? É super fácil.

Bjo de Luz

Nenhum comentário:

Postar um comentário