Tutorial - Gadgets no Cabeçalho

 


Yoo!

Sei que muita gente tentou colocar os gadgets no cabeçalho por meio do tutorial do Cherry Bomb e não conseguiu. Existe um meio bem mais fácil de fazer e é o que eu comecei a usar por aqui. Vou ensinar, mas prestem bastante atenção e claro, credite.

Não sei se vou poder postar muito hoje, amanhã eu tenho prova e tudo mais. Espero que acabe tudo isso logo. Ao pessoal que venceu o GA, por favor me mande um e-mail até amanhã, preciso das informações sobre o template.

Espero que gostem do tutorial.



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?


Nenhum comentário:

Postar um comentário