Como colocar Gadgets no cabeçalho

Olá, boa noite ♥ eu estava preparando alguns avatares bem diferentes, de algumas bandas mas eu não sei usar psd de efeito :x sou péssima em PhotoShop. Mas, como uma leitora pediu um tutorial de, como colocar links no cabeçalho, eu entendi que seria  "Gadgets no cabeçalho". Bom está ai é bem simples espero que gostem !!
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?
Créditos 

2 comentários:

  1. Não sabia que era tão fácil, gostei bastante acho que ficaria legal colocar o gadget de seguidores do cabeçalho (vou testar)!

    sempre-divando.blogspot.com

    ResponderExcluir