29 de mai. de 2009

Plano de fundo

Para mudar o
plano de fundo do template, procure por Body no código CSS e alterar o que
está em Background:



body {

background-color: $bgcolor;}



Se você deseja alterar somente a cor, faça como no exemplo: background-color e coloque o código da cor
(hexadecimal, como: #ffffff), ficando assim:

body{

background-color: #ffffff;



Se deseja colocar uma imagem:



background: url(
url da imagem) repeat;



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, main, sidebar, etc)



repeat; 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;