8.02.2012

Tutorial - Cortininhas Fixas no Blog

Hello cupcakes! Hoje trouxe um tutorial, que vai deixar seu blog elegante,  você já viu blogs com uma linda cortina em cima do cabeçalho ? Intão é dela mesmo cortininhas fixas no blog que eu vou fala. Clique em continui lendo e veja o tutorial. Vamos lá?




Como colocar cortininha no blog:

Vá a Design >> Elementos da Página >> Adicione novo gadget de HTML/Javascript

Agora cole um dos codigos que desejar:

Cortinha do Lado Direito:

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

Cortinha do Lado Esquerdo:

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

Cortinha no Topo:

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

Cortinha Abaixo:

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


Edite o 'LINKDACORTINA' por o link de uma cortina.










Um comentário:

  1. que lindos!! adorei

    Aguardo a sua visita, e clique em sorteios, participe ( pulseira corujinha, esmalte, e uma presilha, veja mais no blog!!

    http://larissacanziani.blogspot.com.br/

    ResponderExcluir