Saiba "Como Mudar plano de fundo - background -"

Saiba "Como Mudar plano de fundo - background -"



 "   Mudar plano de fundo - background"


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;                                 


Texto alterado em set/2008                                                                                                                       

Postar um comentário

2 Comentários

Mensagem do formulário de comentário:......mensagens diversificadas...para pessoas que gostam de se comunicar...