06/09/2013

Tutorial - Gadgets no Cabeçalho

| |

Hollaaaaa!

Neste tutorial irão aprender a colocar os Gadgets no Cabeçalho, é bem simples e fica bem em qualquer Blog, para não falar que vai desocupar espaço na Barra Lateral! x)

Se querem aprender cliquem em "Ler Mais"! x3


1. O Gadget que você vai colocar no Cabeçalho tem que 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 de 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>
_________________________________________________________________________________________________________________

Quando acabar basta salvar! Super fácil! >w<

Antes - Depois



Créditos - Kawaii World

1 comentário: