Image Map

23 julho 2012

Tutorial Cortininhas Fixas


Yoo !
Hoje eu vou ensinar vocês como colocar cortininhas fixas
no seu lindo blog *-*
Ex:

Clique em leia mais para ver o resto da postagem


1- Vá em Layout>Adicionar um Gadget>HTML/JavaScript
2- Nele cole o código de acordo com a sua preferência:

Cortininha do Lado Direito
<div style=" background-image: url('LINKDACORTINA'); top: 0px; right: 0px; width: 50px; height: 100%; z-index: 100; position: fixed;"></div>



Cortininha do Lado Esquerdo
div style=" background-image: url('LINKDACORTINA'); top: 0px; left: 0px; width: 50px; height: 100%; z-index: 100; position: fixed;"></div>



Cortininha no Topo
<div style=" background-image: url('LINKDACORTINA'); top: 0px; left: 0px; width: 100%; height: 50px; z-index: 100; position: fixed;"></div>



Cortininha Abaixo
<div style=" background-image: url('LINKDACORTINA'); bottom: 0px; left: 0px; width: 100%; height: 15px; z-index: 100; position: fixed;"></div> 


Troque o LINKDACORTINA pelo url da sua cortininha ;]
 Algumas úteis aqui abaixo, todas do Tumblr:



Nenhum comentário:

Postar um comentário