2.7.12

Tutorial: Cortinas no blog

1

Ilustração - arte digital - design
Ilustração: Tati Ferrigno

  Para colocar cortininhas em seu blog, vá em Layout, Adicionar um novo Gadget, JavaScript e escolher o código que vai ser onde você quer que fique a cortininha, o gadget pode ficar em qualquer lugar.


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

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

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

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

 Cortinas
 Antes de salvar, ou pegar o URL da imagem, clique na imagem primeiro para que ela fique no tamanho original.

imageimageimage
imageimageimageimageimageimageimageimageimageimageimageimage
imageimage
image  image imageimage image image image image image image image image

1 comentários:

Related Posts Plugin for WordPress, Blogger...