domingo, agosto 29

Mudar Background - Plano de Fundo

Neste Tutorial vamos ensinar como trocar o background do seu Blog. Para poder alterar o plano de fundo do seu template, procure por Body no código CSS alterar o que está em Background.

body {
background-color: $bgcolor;}
- Se você quer alterar apenas a cor faça como no exemplo abaixo:
background-color e coloque o código da cor (hexadecimal, como: #000), então ele deve ficar assim:

body{
background-color: #000;
- Se deseja colocar uma imagem
  
background: url(url da imagem) repeat;

ATENÇÃO

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 background não precisa repetir infinitamente, caso você queira colocar a imagem fixa no topo do template ou posicionar ela em outra posição você pode fazer o seguinte (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 você quiser que a imagem não repita é 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;

1 Comentário:

Anônimo disse...

Mt fácil, valeu cara

Postar um comentário

"Acesse a sua conta Google para poder comentar. Clique aqui para ler nossos Termos de Uso."






ARQUIVOS DO BLOG

  © InfoWeb - Todos os Direitos Reservados 2010 - 2012 - Template InfoWeb.

Voltar ao Topo do Blogger