Como Mudar O Fundo Do Site

Índice:

Como Mudar O Fundo Do Site
Como Mudar O Fundo Do Site

Vídeo: Como Mudar O Fundo Do Site

Vídeo: Como Mudar O Fundo Do Site
Vídeo: ELEMENTOR: Como Mudar o Fundo de Uma Página do Seu Site - Imagem, Vídeo e Cor 2024, Maio
Anonim

Se o fundo das páginas do seu site consistir em uma imagem, que tem a largura do site e é multiplicada verticalmente, você pode alterá-lo apenas editando essa imagem em um editor gráfico. E se o fundo é formado no código das páginas, então elas podem ser alteradas usando as instruções abaixo.

Como mudar o fundo do site
Como mudar o fundo do site

Instruções

Passo 1

Para alterar o plano de fundo, primeiro você precisa determinar como ele está definido na versão atual das páginas do site. Para fazer isso, abra o código-fonte da página no servidor. Isso pode ser feito com um editor de texto comum, um bloco de notas padrão fará. E se você usar qualquer sistema de gerenciamento de conteúdo, a página pode ser editada diretamente no navegador usando o editor de página embutido. O código HTML da página (HTML - HyperText Markup Language, "hypertext markup language") consiste em linhas com instruções para o navegador que descrevem os tipos, a aparência e o layout de cada elemento da página da web. Essas instruções são chamadas de "tags" e são agrupadas em blocos, um dos quais começa com uma tag inicial e termina com uma tag final. De acordo com os padrões HTML, você pode definir os parâmetros de plano de fundo da página na tag de abertura. Isso é feito colocando o atributo bgcolor nele: Aqui, a cor de fundo desta página é definida como verde. Algumas cores de acordo com os padrões HTML têm seus próprios nomes - por exemplo, Chocolate ou Gainsboro, mas geralmente usam códigos de cores hexadecimais: Se a cor de fundo for especificada dessa forma, você deve encontrar a tag do corpo no código da página e substituir o atributo bgcolor valor com o que você deseja.

Passo 2

As páginas com um design mais complexo geralmente usam CSS (Cascading Style Sheets) para descrever a aparência. CSS é uma linguagem projetada especificamente para descrever a aparência dos elementos em um documento html. Os blocos de código CSS podem ser incluídos no código da página, contidos em um arquivo separado com a extensão "css" e conectados à página com uma instrução especial no código-fonte da página. Você deve encontrar a tag no código da página - se for se referir a um arquivo externo, você precisará abrir esse arquivo para edição. Esse link pode ter a seguinte aparência: @import "style.css"; E se a tag for seguida imediatamente por instruções, e não por um link para o arquivo, então você precisa editar os estilos aqui. Em ambos os casos, você precisa procurar a parte da descrição do estilo que se refere ao corpo do documento - corpo. Mas na linguagem CSS, isso não será mais chamado de "tag", mas de "seletor", e pode ter a seguinte aparência, por exemplo:

corpo {

cor de fundo: Verde;

cor branca;

}

Você precisa substituir o valor do parâmetro background-color - ele define a cor de fundo da página. E aqui também é possível indicar alguns tons de cores pelo nome, mas é melhor usar valores hexadecimais. Por exemplo, o valor hexadecimal para a tonalidade Chocolate = # D2691E. É possível especificar não apenas a cor, mas também a imagem do fundo: corpo {

plano de fundo: url verde (img / bg.jpg) repeat-x;

cor branca;

} Aqui url (img / bg.jpg) significa que uma imagem chamada bg.jpg

Recomendado: