Tutorial - Gadgets no cabeçalho

Trouxe um tutorial de gadgets no cabeçalho, porquê estou sem inspiração T^T. Façam um favor?, me peçam algo para postar no PS ou no RT na minha ask. Está super pesado postar em três blogs, e quero avisar que vai ter dia que não vou poder postar.

. Mas, então, trouxe um tutorial de colocar gadgets no cabeçalho.É bem simples, e fica muito lindo no blog. Os créditos vão para o kawaii world

1. O gadget que você vai colocar no topo precisa ser o primeiro da barra lateral. É mais fácil assim. Faça ele normalmente, como se o lugar dele fosse lá.

2. Vamos usar como exemplo um menu. Depois que o menu estiver pronto, antes de tudo, insira:

<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 de todo o código, feche a div inserindo isto:

</div>

Agora é só salvar. É super fácil, viram?

15 comentários:

  1. Gostei do tutorial!É bem útil!
    lembrando-carol.blogspot.com.br

    ResponderExcluir
  2. Gostei do tuto!
    Super útil.

    bEIJOS, te espero lá no blog.
    Minha Vida Fora de Série - perfil

    ResponderExcluir
  3. Ameei o tutorial *--*

    myuniverse2012.blogspot.com

    ResponderExcluir
  4. Amei o tuto ;DD Kisses!

    Ju, do Epílogos e Finais.

    ResponderExcluir
  5. Amei, o seu blog me dá muitas inspirações !!
    teeentime.blogspot.com.br

    ResponderExcluir
  6. Adorei o tuto!

    Beijos ;3 || Eu Amo HTML || {euamohtml.blogspot.com}

    ResponderExcluir
  7. Pergunta: Como faz o menu ??????????????????????????????????????????????????????????????????????????????????????????????????????????w

    Bjs,
    CDM ( blogdemeninas-carol.blogspot.com.br

    ResponderExcluir