02/02/2013

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 abaixo.  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?

1. 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:
Códigos
<link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'/>

1.Ainda dentro do HTML procure por ]]></b:skin> e acima do código, cole:

Códigos
.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.

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

Códigos
<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.

Um comentário:

  1. Gostei do tuto, bem simples e fácil !
    cr4zy-world.blogspot.com.br

    ResponderExcluir

Bem Vindos
Hi! Meu nome é Andréa Alark, mas conhecida como Wendy dona do blog Bunny Crazy. O blog foi criado em 2010 na intenção de ajudar a criação e desenvolvimento do seu blog. Aqui encontrará tutoriais e dicas de HTML, layouts gratuitos e muito mais.
Friends
Bunny Crazy by Wendy ❀
Bunny Crazy ★
Bunny Crazy ★
12345