quinta-feira, 22 de janeiro de 2015

Gadgets no Cabeçalho ♥

| |

Hello Cutes! Hoje eu vou ensinar um tutorial bem fácil e legal que é como colocar Gadgets no Cabeçalho. Por mais que não precise explicar muito, eu irei tentar explicar muito bem esse tuto. 


Vamos Lá?


1- Vá em "Layout", clique em "Adicionar um Gadget" e depois em HTML/JavaScript. Em seguida, cole o seguinte código:

<DIV CLASS="TOPO">SEU CÓDIGO AQUI</DIV>

2-  Onde estiver escrito SEU CÓDIGO AQUI, você deve substituir pelo código que quer que fique no cabeçalho, como por exemplo o código de um menu ( ou nome, link, etc).


3- Salve e em seguida vá em modelo, editar HTML, aperte CTRL+F e procure por: 

]]></b:skin>

4- Acima do código procurado, cole o seguinte:

.TOPO {

POSITION: ABSOLUTE;
Z-INDEX: 4;
WIDTH: 250PX;
HEIGHT: AUTO;
LEFT: 83PX;

TOP: -135PX;
}

ENTENDENDO O CÓDIGO: 

top: Xpx: Desce ou sobe o elemento. Números negativos sobem e positivos descem. 

left: Xpx: Move o elemento para a direita ou para a esquerda. Negativos: elemento á direita; Positivos: elemento á esquerda.

Nenhum comentário:

Postar um comentário