aula de edição electrónica I

quarta-feira, junho 07, 2006

HTML: mudar de background

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.