quinta-feira, 12 de setembro de 2013

Tutorial: Cortininha fixa no blog


Oi Cupcakes! 
Hoje vim trazer um tuto super legal de um blog que amei!!!Nesse blog que aqui _Teenagers Place
As proximas postagens, vão ser sobre Tutoriais ou *Como Fazer* !!! ( Vou inventar um nome legal :) 
É isso ai ... Espero que gostem e ... Clique em Mais Informações :)
Oii.... Hehehe esse tutorial é bem simples !!!
E pra quem não tem o }]]></b:skin> no blog, pode ficar tranquilo porque o próximo Tuto vai ser sobre isso!! 


Para colocar a cortininha no topo: (igual a do blog)
<div style=" background-image: url('URL AQUI'); top: 0px; left: 0px; width: 100%; height: 35px; z-index: 100; position: fixed;"></div>

Para colocar no rodapé:
<div style=" background-image: url('URL AQUI'); bottom: 0px; left: 0px; width: 100%; height: 35px; z-index: 100; position: fixed;"></div>

Para colocar do lado direito:
<div style=" background-image: url('URL AQUI'); right: 0px; top: 0px; width: 35px; height:100%; z-index: 100; position: fixed;"></div>


Para colocar do lado esquerdo:
<div style=" background-image: url('URL AQUI'); left: 0px; top: 0px; width: 35px; height:100%; z-index: 100; position: fixed;"></div>
Você vai colocar o código que preferir, em um gadget de HTML/JavaScript, pode ser em qualquer lugar.
 E aqui tem umas bem legais.
Gente essa que eu uso é tipo uma barrinha, mas da pra ser cortininha mesmo,
é só onde está escrito ('URL AQUI'), você coloca a url da sua cortininha ou barrinha, tanto faz.

Algumas que eu tenho aqui na minha pasta>>>































Hehehe... É isso ai !!! :)





Nenhum comentário:

Postar um comentário