02/02/2013

Tutorial: Menu Glow

||

Achei esse menu super lindo em um tumblr. Então sai em busca dele, e acabei achando ele no KW, o menu se chama "Glow" ele não é muito chamativo, mas amo isso. Dêem uma olhada no menu aqui.  O menu pertence ao tumblr  Gold Html então se usarem credite ele e o Kawaii World. Então vamos ver como colocar esse menu?

Caso queira usar a mesma fonte da demostração siga essa etapa , caso não pule para a próxima.
A fonte se chama "Play" e vamos instalá-la no seu blogger. Procure por <head> fica bem no inicio dos códigos, assim que achar abaixo dela, cole:
<link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'/>

Ainda dentro do HTML 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 quiser mudar a cor da fonte, troque o primeiro fff pelo código da cor que desejar.
Se quiser mudar a cor do brilho, troque o segundo fff pelo código da cor que desejar.

Para terminar vamos aplicar o último código, então vá ate seu layout e abra um gadget de HTML/JavaScript, e dentro coloque:

<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>

Prontinho! Gostaram? Espero que sim, não esqueçam de creditar se usar.

2 comentários:

Hi guys!!!!
Hey aqui é Wendy, blogueira desde 2010! Viciada em animes, amante de livros e adora ver séries! Criei esse cantinho na intenção de ajudar na criação e personalização de blogs e sites.
Wattpad Facebook Tumblr Instagram