Image Map

27.6.13

Nova Postadora + Tutorial

Postadora em fase de teste.

Olá pessoal! Não quero tomar muito o tempo de vocês, então vou falar o básico de mim: Meu nome é Bruna Vitória (podem me chamar de Tori). Tenho 14 primaveras e gosto muiito de chocolate e doces :). Minhas raízes são de Fortaleza, mais no momento estou em São Paulo com meus avós e meus primos. Meu blog é o Only HTML//Official. Bom, como sou nova e ainda tenho muito o que aprender. Irei postar um tutorial que é muito bonito e que vai dar um toque todo especial em seu menu :)
O tuto é de como deixar o menu glow. Se quiser continuar a ver, leia mais !


O tutorial e o código é do Kawaii Things, devido os créditos! Aqui está uma prévia de como fica bem simples e bonito (x). Se você quiser a fonte que está na prévia, faça o que está a seguir. Se não pule pra etapa 2 e continue... Procure por <head> e abaixo dessa tag, cole:

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

2. Agora procure por ]]></b:skin> e acima dessa tag 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;
}


As partes em negrito são as cores, e repare que a primeira é normal e a segunda é em hover. Você pode mudar do jeito que preferir :)

3. Agora pra tudo valer a pena vá em seu Html/JavaScript, e cole o seguinte:

<div class="Glow">
<a href="www.seublog.com.br">Nome 1</a>
<a href="www.seublog.com.br">Nome 2</a>
<a href="www.seublog.com.br">Nome 3</a>
</div>

Prontinhoo ! E para o menu ficar lá em cima foi usado o tutorial de gadgets no cabeçalho ! Obrigada por ler e não deixe de comentar !

Bjão *-* 

4 comentários:

  1. Seja bem vinda ! Adorei o tuto >3< Beijos,V-odka.

    ResponderExcluir
  2. Seja bem vinda, parece ser uma boa blogueira.
    O menu é show, gostei.

    six--seconds.blogspot.com

    ResponderExcluir