Icones: OFF: http://www.merrypic.com/files/jlvjequcwpg0s8lzcljr.ico http://www.iconj.com/ico/8/g/8gulktd3sd.ico OFF: http://www.imageboo.com/files/7jrisja3pe8b18nbdcsj.ico Circuito Rede Cerebral: Backgrounds (BG)
terça-feira, 5 de janeiro de 2010

Backgrounds (BG)


Os Background são os preenchimentos de cada área do Blog. Há varios modos de se criar um BG, veja 4 configurações:

1º Imagem

background-color: #000000; - Fundo com uma cor: Tabelas de Cores
background-color: rbg(0,0,0); - Fundo com uma cor em RGB: Tabela de Cores
background-image: url(endereço da imagem); - Fundo com uma imagem em qualquer extensão: jpg, gif, png...

2º Repetição

background-repeat: no-repeat; - Imagem de funda não repete
background-repeat: repeat-x; - Imagem de fundo repete apenas na horizontal
background-repeat: repeat-y; - Imagem de fundo repete apenas na vertical

3º Posição

background-position: left top; - Imagem de topo na esquerda
background-position: right top; - Imagem de topo na direita
background-position: center top; - Imagem de topo no centro
background-position: left center; - Imagem de centro na esquerda
background-position: right center; - Imagem de centro na direita
background-position: center center; - Imagem de centro no centro
background-position: left bottom; - Imagem abaixo na esquerda
background-position: right bottom; - Imagem abaixo na direita
background-position: center bottom; - Imagem abaixo no centro

4º Fixação

background-attachment: fixed; - Imagem de fundo parada ao descer a barra de rolagem

Facilmente poderá montar apenas uma linha de código utilizado os quatro modos juntos.
background: url(endereço da imagem) no-repeat #000000 center top fixed;

0 comentários:

Postar um comentário

 
Subir