Pages

Alterar fundo (background) do blog


Para alterar o background do blog vamos a "Template" ou "Modelo" em português.
Depois temos de brocurar naquelas linhas em HTML, algo parecido com isto:

body {
margin: 0;
padding: 0;
border: 0;
text-align: center;
color: #554;
background: #692 url (http://www.blogblog.com/moto_son/outerwrap.gif) top center repeat-y;
font: small tahoma, "Bitstream Vera Sans", "Trebuchet MS", "Lucida Grande", lucida, helvetica, sans-serif;
}


Normalmente encontramos o "body"("corpo") logo no inicio do HTML, é preciso estar com atenção. Depois só temos de alterar o que queremos.


  • Por exemplo alterar o fundo para amarelo: À frente de "background:" temos um código "#692". Vamos substituir este código por outro #ffc300, que corresponde a um tom de amarelo. Ficamos com -> background: #ffc300
*Para saber quais são os códigos das cores existem tabelas na internet como estas:
http://www.interney.net/cores.htm
http://www.interney.net/imagens/tabela.gif

  • Se quisermos colocar uma imagem como fundo da página, temos antes de mais saber o endereço electrónico da nossa imagem. Caso não esteja online, é necessário ir a um site como o www.imgspot.com e fazer o upload da imagem. No Imgspot, escolhemos o resultado que diz URL, é esse o endereço online da imagem.

Agora que já sabemos o endereço, vamos ao "background" (ainda no"body"), retiramos o código da cor e substituimos o endreço entre (parentesis) ou "aspas". Assim:

background: url(http://www.ENDEREÇO_DA_IMAGEM.gif) top center repeat-y;

E pronto! Agora é só Salvar as mudificações e republicar o Blog para ver os resultados.

1,2,1,2, Teste


Este é o blog que eu criei para as minhas experiências.. hehehe
Como tou agora a descobrir universo da edição de blogs e do HTML, decidi criar este espaço onde posso experimentar e testar as formatações. Assim escuso de estar desformatar o meu blog e a deixa-lo "desarranjado".
Tou a pensar ir "postando" aqui as coisas que sei e que vou descobrindo, para alguém que esteja interessado.
Benvindos ao Kabujurra 2!!

blog titles