17 de fev. de 2013

Tutorial : Gadgets no cabeçalho

Oooies , u.u to feliz vou até postar umas coisinhas tri pra vocês seus lindjos ^^ ' kkkkkkkk.
Sabem o nome das postadoras que ficam no cabeçalho e o slide ? Bem , são gadgets no cabeçalho , AVA '-' , vou postar pra vocês o tutorial que eu achei no KW , que foi o que eu usei aqui no blog.
Go Go Go....

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