(27-03-2009 23:06)redefoca Escreveu: [ -> ]@ Ricardo Ferreira
Agradeço que utilize linguagem técnica comigo, pois assim aprendo melhor, mas como já disse, estou a iniciar-me desta área à muito pouco tempo, tente colocar "()" a discrição dos termos técnicos, senão não consigo entender nada.
No ficheiro page, não está a discrição que diz...já criei a imagem que quero, para substituir aquela que está, e já mudei o nome da imagem nova para o mesmo daquela que lá estava, e agora? O body está no ficheiro page?
Div's são camadas. A div
page é uma camada da página, uma parte, não a página toda nem tão pouco um ficheiro.
Imagine uma folha de papel A4, em branco. Agora recorte conteúdo de várias revistas que vai usar para compor um desenho na página A4. Cada bocado que recortou é uma
div, uma parte, uma camada. Obviamente, as
div's são úteis porque, tal como esse bocadinhos na sua folha A4, podem sobrepor-se e "limitar" o conteúdo lá inserido.
O ficheiro style.css (também conhecido por
stylesheet ou folha de estilos) é o ficheiro que vai dizer ao seu
browser as características com que deve criar as
div's, o tamanho, a cor, o fundo, etc.
Assim, imagine que no seu código HTML tem uma
div com a ID
page. ID é um parâmetro das tag's HTML que definem o nome dessa camada, que será usado como referência. O parâmetro ID é recomendado se a
div, a camada, for única em toda a página. Caso existam várias
div's na página a que se pretenda dar a mesma formatação, utiliza-se o parâmetro
class.
Mas adiante. No seu código HTML tem uma tem uma
div com a ID
page. Algo assim:
Código PHP:
<div id="page">Bla bla bla, o meu texto</div>
No passado utilizava-se um outro parâmetro, o
style, onde se definia a formatação dessa
div. No entanto, esta prática caiu em desuso e passou-se a utilizar a tal folha de estilos, o ficheiro style.css (existem outras folhas de estilos, como a print.css, que indica ao web browser a formatação que deve utilizar caso o utilizador queira imprimir a página). Para definir a formatação dessa
div, no ficheiro style.css colocará algo como:
Código PHP:
#page {
background: url(images/main-bg.jpg) no-repeat center top;
}
(A ID da
div vem precedido por um
#. Se em vez do ID se utilizar a
class, vem precedido por um
.)
Isso define que a
div irá utilizar a imagem
main-bg.jpg como fundo, sem repetir, alinhada ao centro e ao topo da
div. O fundo que vê no seu blog é exactamente esse ficheiro:
Para alterar o fundo do blog tem duas opções: ou substitui directamente o ficheiro, via FTP, ou coloca o ficheiro na mesma pasta, com outro nome, e altera-o na folha de estilos. Por exemplo, se quiser alterar o fundo para o_meu_fundo.jpg a sua folha de estilos ficaria assim:
Código PHP:
#page {
background: url(images/o_meu_fundo.jpg) no-repeat center top;
}
Supondo que colocou esse ficheiro na pasta
images.
Agora, uma vez que essa é apenas uma camada, que, obviamente, não cobre toda a página (lembra-se do exemplo da folha A4?) é necessário definir o fundo do
body. O
body é uma espécie de
div gigantesca que cobre toda a página. Ao passo que antes definimos apenas o fundo de uma
div, um bocado do papel na sua folha A4, agora vamos definir a cor de fundo da própria folha, para ficarem a combinar! Para tal utiliza-se mais uma vez a folha de estilos, onde o
body se apresenta da seguinte forma:
Código PHP:
body {
background: #42afdc url(images/html-bg.gif) repeat-x;
font: 75%/170% Arial, Helvetica, sans-serif;
padding: 0px 20px;
margin: 0px;
color: #333333;
}
O que nos interessa é apenas a parte do
background. Altere a cor
#42afdc para outra, correspondente ao fundo que definiu para a
div page.
Qualquer dúvida, pergunte.