Encontre-se

26/11/2012

Tutorial - Gadgets no cabeçalho.

              Tumblr_lup9exfrmp1r2qpdto1_r1_500_large
Vamos estrear a tag de goodies, que nunca foi usada? Vamos. Por mais, que essa não seja a minha praia, acho bom postar, porque se um dia eu precisar tem ali e pra vocês também, se precisarem e não acharem. Este tutorial é do Kawaii World, que acho que todo mundo conhece. E serve pra botar os gadgets no cabeçalho, como no próprio, Kawaii World.




1. O gadget que você vai botar no cabeçalho, deve ser o primeiro da barra lateral. É mais fácil assim, faça ele normalmente, como se ele fosse ficar lá.

2. Depois que tudo estiver pronto, antes de todo o código, coloque:
                 <div style="position: absolute; margin-top: -100px left: -200px;">
Margin-top: Diminuir o número, faz com que o menu suba e aumentar faz com que ele desça. Veja que está como negativo, então aumentando e mantendo o sinal, é como diminuir. (por exemplo -200 é menor que -100)


left: É a mesma coisa. Se você diminuir, ele vai para a direita, se aumentar para a esquerda.

Não existe medida certa, você precisa fazer e ir testando até encontrar a que quer.

3. No fim do código bote, feche a div inserindo inserindo isto:
</div>

Só salvar, agora. Fácil né?
Acho que não dá tempo pra outra postagem, então...
Beijos, até mais tarde.

10 comentários:

  1. Hahaha ' Ameei *-*
    Aqui , tem um post pra você lá nom meu blog , falando sobre aqui.
    Beijos
    nobodyslisten | blogspot

    ResponderExcluir
    Respostas
    1. Eu vi! Daqui a pouco faço um sobre seu blog aqui.
      Beijos.

      Excluir
  2. Olá! OMG *----* Eu estava louca atrás desse tutorial *o* Já tentei com o de outros blogs, mas nunca deu certo :/ Vou salvar o link desse post e tentar depois =D Amei =D

    Beijos, Mrs. Nightshade.

    ResponderExcluir
    Respostas
    1. Ahhhh, eu sei como é ficar louca atrás de um tutorial, chegar lá, fazer e não funcionar. KKKKKKKKKKKKKKKKKKKKKKKKKKKK
      Beijos.

      Excluir
  3. Woah, bastante útil. Porém eu nunca uso esse tipo de tutorial, sempre pego um template pronto o3o, mas pode ser que um dia eu precise, nunca se sabe. Enfim, vocês aceitam afiliação? (tenho poucos seguidores, então se não aceitarem eu vou entender)! Vou indo, beijos e tchau ♥.

    celestialtales/blogspot

    ResponderExcluir
    Respostas
    1. Eu também costumo pegar layouts prontos, só uso tutoriais pra personalizar do meu jeitinho. *-*
      Aceitamos sim, já te boto.
      Beijos.

      Excluir
  4. Super interessante, dia desses estava procurando por ele, quem sabe quando eu mudar de layout eu uso! Gostaria de saber se vc deseja fazer troca de seguidores, (vc segue meu blog e eu sigo o seu) Diz a resposta, deixa um comentario no meu blog... Abraços!

    docefuturo.blogspot.com.br

    ResponderExcluir
    Respostas
    1. É, ele é bem interessante mesmo.
      Aceito fazer sim, vou deixar o comentário lá.
      Beijos.

      Excluir
  5. Adoreiii o tuto no próximo lay eu ponho ele^^ ameiiii seu blog e os posts são muito criativos adoreii msm^^ seguindo se puder segue de volta?
    www.garotinhas-rosa.blogspot.com

    ResponderExcluir
    Respostas
    1. Brigada. Amei o seu também!
      Vou seguir lá.
      Beijos.

      Excluir