Mudar a imagem de fundo e simbolos do theme i3theme-1-8-classic, como fazer?
|
28-03-2009, 01:19
Mensagem: #5
|
|||
|
|||
RE: Mudar a imagem de fundo e simbolos do theme i3theme-1-8-classic, como fazer?
(27-03-2009 23:06)redefoca Escreveu: @ Ricardo Ferreira 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 { (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 { 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 { 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. |
|||
« Mais Antigo | Mais Recente »
|
Utilizadores a ver este tópico: 1 Visitante(s)