Cortininha no Blog

(Ahh, a Britney tá muito linda nessa foto)
 Olá pessoal, como hoje estou indo para o shopping muito cedo decidi fazer um pequeno e super simples tutorial.. nesta postagem estarei ensinando á colocar cortininhas em várias direções (No topo, nas laterais, e abaixo), e também poderá é claro, colocar ela simplesmente de uma cor apenas, como aqui no blog (aqui ela fica no topo).
 Vá no Blogger  Layout  Adicionar Gadgets  Cole algum desses códigos:
No Topo
<div style=" background: url('Link da imagem'); top: 0px; left: 0px; width: 100%; height: 50px; z-index: 100; position: fixed;"></div>
Abaixo
<div style=" background: url('Link da imagem'); bottom: 0px; left: 0px; width: 100%; height: 15px; z-index: 100; position: fixed;"></div>
Esquerda
<div style=" background: url('Link da imagem'); top: 0px; left: 0px; width: 50px; height: 100%; z-index: 100; position: fixed;"></div>
Direita:
<div style=" background: url('Link da imagem'); top: 0px; right: 0px; width: 50px; height: 100%; z-index: 100; position: fixed;"></div>

Modificando e entendendo um pouquinho mais:
 Em todas as partes em negrito, onde está digitado "Link da imagem" você deverá colocar o endereço da web onde está a cortininha, recomendo não colocar todas as cortininhas no blog porque fica muito estranho. Caso você não queira colocar cortininha e, deixar como o meu de uma cor só, basta você deletar onde está sublinhado e colocar o código em HTML da imagem, ficará assim se tirar "background: #000000;". Para você poder deixar mais longo ou até diminuir a cortininha basta você aumentar ou diminuir os números onde está em itálico.

3 comentários

Postar um comentário

© eJhonas - 2012. Todos os direitos reservados.
Design Jhonas Balsas.
Tecnologia do Blogger.
imagem-logo