Páginas

domingo, 9 de dezembro de 2012


Trocar Imagem de fundo do Blog - background

Neste artigo iremos aprender não só a mudar o plano de fundo do Blog como também determinar sua exibição, por exemplo: adicionar um Background fixo, Background que se repete por toda a página, repetido verticalmente ou horizontalmente e também Background que não se repete, para entender melhor siga os passos abaixo:
Personalizando seu Background:

1. Escolha uma das alternativas abaixo que se encaixe melhor a seu Blog:

Plano de fundo fixo: 
(esta é a melhor alternativa)


Vá até "Layout" > "Editar Html" e procure por: Body {



Substitua a linha Backgorud: inteira pelo código abaixo:


background: url(url da imagem) center; 
background-attachment: fixed;
Para o Plano de Fundo se repetir por toda a página:

Vá até "Layout" > "Editar Html" e procure por: Body {

Substitua a linha Backgorud: 
Inteira pelo código abaixo:

background: url(url da imagem) repeat;
Para que Plano de fundo se repita na vertical:

Vá até "Layout" > "Editar Html" e procure por: Body {

Substitua a linha Backgorud: 

Inteira pelo código abaixo:

background: url(url da imagem) repeat-y;
Para que Plano de fundo se repita na horizontal:

Vá até "Layout" > "Editar Html" e procure por: Body {

Substitua a linha Backgorud: 


Inteira pelo código abaixo:

background: url(url da imagem) repeat-x;

Para que Plano de fundo não se repita:

Vá até "Layout" > "Editar Html" e procure por: Body {

Substitua a linha Backgorud: 
Inteira pelo código abaixo:
 


background: url(url da imagem) no-repeat top left;

Para que a Imagem fique em tela cheia adicione o cerquite código
background-size: 100% 100%;

2. Onde está em Azul deve ser acrescentada a Url da imagem que você deseja para ser seu plano de fundo.

Sem comentários:

Enviar um comentário