Mudar plano de fundo

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
Por:Ariane Marcadores: Background, Tutorial Estou lendo: Mudar plano de fundo - backgroundTweet this! Feed.

Artigos Relacionados

* Como fazer um template para o Blogger Parte I
* Alinhar as colunas no modo layout
* Publicando HTML literalmente
* Salve seu blog!
* Gradientes para Backgrounds
* Efeito hover no cabeçalho, post e sidebar
* Mudar plano de fundo - background
* isFirstPost - Exemplo 2
* Customizar o gadget Slide
* Personalizando o gadget Perfil
* Como criar uma pagina de abertura para o Blogger
* Menu com imagens e efeito hover
* Usando o Widget de Imagem para destaques no blog
* Artigos Relacionados no Blogger
* Resumo na página inicial com posts de cores diferentes
* Mais menus horizontais
* Colocando um slide no blog
* Convertendo tema do Wordpress para o Blogger II
* Convertendo tema do Wordpress para o Blogger I
* Mostrar data em todos os posts de um mesmo dia
Deixe Um Comentario Nessa Postagem :

0 comentários:

Postar um comentário

Não use palavras de baixo calão. ou pornogafica nos ajude e de sua opinião.