DICA
Aconselhamos que faça um backup do seu código antes de realizar o tutorial. É muito fácil, copie o HTML do seu theme, e cole no bloco de notas ou em qualquer outro programa de texto.

300 x 250 Ad Space

terça-feira, 3 de julho de 2012

Cortininhas no Topo do Tumblr

CORTININHAS PARA SEU TUMBLR


Olá gente, agora vou estar ensinando, como colocar cortininha no topo do seu Tumblr.
É uma coisa muito simples, para conseguir realizar, segue o tutorial.

1º Passo - CSS
Vamos adicionar o CSS, adicione o seguinte código antes da tag </head>.
<style type="text/css"> .cortina{ background-image: url(URL_DA_IMAGEM); height:ALTURA_IMGpx; position: fixed; top:0px; left: 0; display: block; width:100%;z-index:100;} </style>
 Substitua URL_DA_IMAGEM pelo link da imagem da cortininha. O link da imagem deve ser completo e começar por http:// .
Substitua ALTURA_IMG pela altura da imagem, para não repetir. A altura deve ser em pixels.

2º Passo - HTML
 Procure a tag <body> e cole o seguinte código.

<div class="cortina"></div>
E está pronto, sua cortininha já está no seu tumblr.

Bom pessoal, é isso, até o próximo Tutorial.

0 comentários:

Postar um comentário