Para mudar o plano de fundo, basta encontrar a tag Body no código do seu template e alterar o que está em Background:
body {
background-color: #610E03;
color:$textcolor;
Se você deseja alterar somente a cor, faça como no exemplo: background-color e coloque o código da cor. Se deseja colocar uma imagem:
background: url(url da imagem) repeat;
color:$textcolor; é onde se colocará a cor do texto do blog, mas isso geralmente se pode alterar no painel de cores e fontes do blog.
Dica: para que o navegador Intenet Explore consiga interpretar o código, dê um espaço maior entre o endereço da imagem e repeat, caso contrário não aparecerá no navegador, apesar de aparecer normalmente no Firefox e no Ópera.
A imagem escolhida para o fundo do template não precisa necessariamente se repetir indefinidamente. Você pode querer, por exemplo, que esta imagem seja fixa no topo do template. Veja as maneiras como você pode estipular o comportamento da imagem do background (isto vale para a definição de background de qualquer elemento da página, seja body, mais, sidebar, etc)
repete; repete por todo o elemento
repeat-y; repete na vertical
repeat-x; repete na horizontal
no-repeat; não repete
quando for estipulado que a imagem não deve se repetir é necessário informar em que posição ela deverá aparecer:
background: url(url da imagem) no-repeat top left; -> não repete e se apresenta no topo à esquerda.
Para que a imagem fique fixa na tela:
background-attachment: fixed;
Para que a imagem role com a tela:
background-attachment: scroll;
body {
background-color: #610E03;
color:$textcolor;
Se você deseja alterar somente a cor, faça como no exemplo: background-color e coloque o código da cor. Se deseja colocar uma imagem:
background: url(url da imagem) repeat;
color:$textcolor; é onde se colocará a cor do texto do blog, mas isso geralmente se pode alterar no painel de cores e fontes do blog.
Dica: para que o navegador Intenet Explore consiga interpretar o código, dê um espaço maior entre o endereço da imagem e repeat, caso contrário não aparecerá no navegador, apesar de aparecer normalmente no Firefox e no Ópera.
A imagem escolhida para o fundo do template não precisa necessariamente se repetir indefinidamente. Você pode querer, por exemplo, que esta imagem seja fixa no topo do template. Veja as maneiras como você pode estipular o comportamento da imagem do background (isto vale para a definição de background de qualquer elemento da página, seja body, mais, sidebar, etc)
repete; repete por todo o elemento
repeat-y; repete na vertical
repeat-x; repete na horizontal
no-repeat; não repete
quando for estipulado que a imagem não deve se repetir é necessário informar em que posição ela deverá aparecer:
background: url(url da imagem) no-repeat top left; -> não repete e se apresenta no topo à esquerda.
Para que a imagem fique fixa na tela:
background-attachment: fixed;
Para que a imagem role com a tela:
background-attachment: scroll;
0 comentários:
Postar um comentário