5 de ago. de 2010

Como mudar o background do Template

Este é o primeiro post de muitos que virão sobre personalização de Templates. O Tutorial de hoje é bastante simples, onde vou estar explicando como mudar o background do Template.
Mas antes disso, devo lhes dizer o que é um Background:

Background significa "o que está por traz", também conhecido como plano de fundo, é bastante usado em Templates.

"A primeira coisa a fazer, antes de seguir os tutoriais, é criar um Blog de testes e baixar um template (sugiro o do Dicas Blogger, já que todos os tutoriais sobre Personalização de Templates postados aqui, terão como base estes Templates."

Existem dois tipos de Background: Os de cores e os de Imagem. Normalmente estão apresentados assim no Template:

Background de imagem:

body {
text-align:center;
color:$textColor;
background: url(url de sua imagem de fundo



Background de cor:

body {
text-align:center;
color:$textColor;
background:$bodybgColor;

Body, significa CORPO, que vai ser o local onde  a imagem de fundo ocupará em seu template.
Procure um Background decente, copie a Url e salve no Bloco de notas, pode ser um de Metal, agua, ou do que você quiser,( não é necessário ser grande). Existem vários sites com Backgrounds bons :

                                                      Trocando o Background


  • Troque "background:$bodybgColor" por "background: url(url de sua imagem de fundo)"
  • Procure um Background e hospede onde quiser
  • Copie a Url e cole no local indicado (dentro dos parênteses)
                           Background preenchendo todo o fundo do template:

Para que o Background oculpe todos o espaço de seu template, adicione repeat após os parênteses ficando assim:

background: url(url de sua imagem de fundo)  repeat 

Click em visualizar para ver se está tudo certo. Se sim, click em salvar e pronto!

AGUARDE O PRÓXIMO TUTORIAL!

Gostou deste post? Então assine o feed deste blog ou se preferir receba todos os conteúdos Gratuitamente por email. Ah! O Blog está participando do ToPBlog! dá uma ajudinha aí!

Seja o primeiro a comentar

Postar um comentário

Todos os comentários a partir de hoje serão moderados!
Porém isso não impede de comentar ;)
Não é permitido:
1-Palavras ofensivas
2-Palavras torpes
3-Falar mal de outro Blog ou Blogueiro
4-Não deixar comentário ;)

  ©Detudoumpouco - Todos os direitos reservados.

Template by Dicas Blogger Personalizado por: Alex| Topo