O plano de fundo é um dos elementos mais importantes de um site. Um bom pano de fundo cria o tom do site e complementa o conteúdo. Existem muitas maneiras diferentes de adicionar um plano de fundo, cada uma com uma finalidade diferente. Alguns métodos permitem que você aplique o plano de fundo a todas as páginas de um site, enquanto outros limitam o plano de fundo a apenas uma determinada página. Este artigo ensina como adicionar um plano de fundo ao seu site usando HTML ou CSS.
Passos
Método 1 de 2: Métodos HTML
Fundo Sólido Colorido
Adicionar um plano de fundo a um site Etapa 1
Etapa 1. Um plano de fundo de cor sólida é o tipo mais básico de plano de fundo que você pode colocar em um site
Na verdade, todo site começa com um fundo branco padrão. No entanto, embora um fundo branco possa ter uma aparência muito elegante e limpa quando usado com um esquema de cores harmonioso, um fundo de cor diferente pode ser preferido com temas diferentes.
Adicionar um plano de fundo a um site Etapa 2
Etapa 2. Abra seu código da web (fonte)
Adicionar um plano de fundo a um site Etapa 3
Etapa 3. Na tag body, adicione um atributo chamado bgcolor
Agora, sua tag de corpo deve se parecer com isto-
onde COLORNAME é o nome da cor. COLORNAME pode ser preenchido com muitos tipos de representantes de cores-
(nome da cor)
(valor hexadecimal)
(Valor RGB)
Adicionar um plano de fundo a um site Etapa 4
Etapa 4. Experimentar com RGB e # pode resultar em muitos tons, mas você pode escolher o caminho mais fácil primeiro
Mas lembre-se de que digitar uma cor incomum como "Verde Azulado Ultramarino" resultará em branco.
Adicionando uma imagem de fundo
Adicionar uma imagem de fundo é um pouco mais complicado do que um fundo de cor sólida
Adicionar um plano de fundo a um site Etapa 5
Etapa 1. Adicione a propriedade background à tag body, para que se pareça com isto-
onde SRC é a fonte da imagem SRC pode estar na mesma pasta ou em outra pasta / página da web.
(na mesma pasta)
(dentro de uma pasta diferente)
(em uma página da web diferente)
Adicionar um plano de fundo a um site Etapa 6
Etapa 2. Lembre-se de digitar a extensão.gif /-j.webp" />
Método 2 de 2: Métodos CSS
Adicionar um plano de fundo a um site Etapa 6
Fundo Sólido Colorido
Adicionar um plano de fundo a um site Etapa 7
Etapa 1. Para adicionar um fundo de cor sólida em CSS, adicione um atributo de estilo
Você também pode fornecer IDs e classes e usar folhas de estilo externas e internas.
Adicionar um plano de fundo a um site Etapa 8
Etapa 2. Sua tag de corpo deve ser semelhante a esta-
onde COLORNAME é o nome da cor, valor hexadecimal ou RGB (lembre-se também dos últimos passos do fundo de cor sólida em HTML, eles são aplicáveis aqui também).
Adicionando uma Imagem
Adicionar um plano de fundo a um site da Web Etapa 9
Etapa 1. Para adicionar uma imagem, adicione o atributo de estilo à tag do corpo
Você também pode fornecer IDs e classes e usar folhas de estilo externas e internas.
Adicionar um plano de fundo a um site Etapa 10
Etapa 2. Sua tag de corpo agora deve se parecer com isto-
Adicionar um plano de fundo a um site Etapa 11
Etapa 3. Lembre-se de que SRC é a fonte
Pode ser da mesma pasta, pasta diferente ou página da web diferente.
(na mesma pasta)
(dentro de uma pasta diferente)
(em uma página da web diferente).
Adicionar um plano de fundo a um site Etapa 12
Etapa 4. Lembre-se de adicionar as extensões
Fundo com padrões repetidos
Adicionar um plano de fundo a um site Etapa 13
Etapa 1. Para fazer um plano de fundo padrão repetido, adicione um plano de fundo conforme descrito nas etapas acima
Sua tag de corpo agora deve ser alterada para-
Onde REPEAT-SETTINGS são as configurações. Pode haver muitas configurações de repetição, como-
(O plano de fundo se repetirá vertical e horizontalmente.)
(O fundo será repetido horizontalmente.)
(O fundo será repetido verticalmente.)
Fundo de imagem fixa
Adicionar um plano de fundo a um site Etapa 14
Etapa 1. Os fundos de imagens fixos parecem legais e não mudam conforme você rola para baixo
Para fazê-los, você só precisa fazer alguns ajustes simples no código da seção acima. Faça os ajustes para fazer a tag do corpo ficar assim-
onde SRC é a fonte da imagem de fundo, POSITION é a posição da imagem (pode variar do centro ao canto superior direito); a fixação de fundo é o principal "catalisador" desse tipo de fundo. É usado para informar a posição do fundo e é recomendado que não seja alterado.
Este wikiHow ensina como mudar a cor de fundo do Twitter de claro para escuro usando o Modo Noturno e também como mudar a imagem de fundo do seu perfil. Embora o Twitter não permita mais que você selecione uma cor de tema para o fundo do Twitter, você pode aplicar um fundo escuro habilitando o Modo noturno.
Os planos de fundo da área de trabalho são uma ótima maneira de personalizar o ambiente do Windows. Você pode mostrar seu filme favorito, grupo musical ou sua família. Os novos recursos permitem até mesmo alternar entre diferentes planos de fundo da área de trabalho para ajudá-lo a alternar as coisas.
Quer acessar seu site favorito sem precisar fazer logon na Internet? Leia! Este método foi desenvolvido para Windows e, se você não estiver conectado à Internet, não verá a versão mais atualizada do site. Etapa 1. Vá para a área de trabalho e clique com o botão direito em qualquer lugar Etapa 2.
Este wikiHow ensina como colocar um plano de fundo atrás de outra imagem no Adobe Photoshop CS3. Passos Etapa 1. Abra o Adobe Photoshop É um ícone de aplicativo azul que contém as letras " Ps ." Etapa 2. Clique em Arquivo Ele fica do lado esquerdo da barra de menu, na parte superior da tela.
Ao longo dos anos, a interface da página da web do Facebook passou por muitas mudanças; da parede à linha do tempo. Mas a opção de personalizar o plano de fundo nunca existiu. As únicas partes que você pode personalizar são sua imagem de exibição e a foto de capa da sua conta.
