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 {
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