Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Lucas Vasconcellos

Background

Recommended Posts

Bom pessoal eu estou começando na programação e gostaria de saber se alguém pode me ajudar.

Eu tenho uma dúvida que é: como colocar um background igual deste site -> http://gameinfo.br.leagueoflegends.com/pt/game-info/champions/

Eu não sei o nome e nem como coloca kkk

Se alguém puder me ajudar eu agradeço muito.

Compartilhar este post


Link para o post
Compartilhar em outros sites

@Lucas Vasconcellos,

 

1º Você tem que ter a imagem que você queira no seu background salva na pasta do seu projeto.

2º Criar dois arquivos index.html e style.css e salvar na pasta do projeto.

3º Colocar a estrutura básica do index.html e chamar o arquivo style.css

 

<!DOCTYPE html>

<html>
<head>
    <title>Seu projeto</title>
    <link rel="stylesheet" type="text/css" href="style.css"> ///// <- Vai chamar as configurações do arquivo .css
</head>
<body>    
</body>
</html>

 

4º Configurar seu arquivo style.css chamando sua imagem de background para o <body> do html

 

body {

background: url(seu_background.jpg) no-repeat;

}

 

Obs: Lembrando que sua imagem já deve estar com tamanho ideal...

Obs²: Talvez você tenha algum problema de margin, então terá que manipular ela através do style.css

 

Também estou aprendendo, qualquer dúvida só falar!

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por jacquesvaladares
      Como inserir uma imagem como background em uma célula de tabela. Fiz um exemplo simples q apresento abaixo.
       
      <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
      <html>
      <head>
        <meta http-equiv="content-type"
       content="text/html; charset=ISO-8859-1">
        <title>Teste de imagem na celula da tabela</title>
      <!--&#8211; I N I C I O C S S &#8211;-->
        <style type="" text/css="">
      .imagem{
      background: url(liz.png) no repeat;
      }
        </style><!--&#8211; F I M C S S &#8211;-->
      </head>
      <body>
      <table
       style="width: 100%; height: 450px; text-align: left; margin-left: auto; margin-right: auto;"
       border="2" cellpadding="2" cellspacing="2">
        <tbody>
          <tr>
            <td style="height: 50%; width: 50%;"><class
       ="imagem"></class></td>
            <td
       style="height: 50%; width: 50%; background-color: rgb(255, 255, 204);"></td>
          </tr>
          <tr>
            <td
       style="height: 50%; width: 50%; background-color: rgb(51, 102, 255);"></td>
            <td
       style="height: 50%; width: 50%; background-color: rgb(51, 255, 51);"></td>
          </tr>
        </tbody>
      </table>
      <br>
      </body>
      </html>
       

    • Por AlanB.
      Boa tarde galera, tudo bem? estou tentando aprender javascript, mas o que eu preciso fazer eu ainda não sei.
       
      Eu tenho o meu menu do site e logo abaixo tenho a section serviços e a section produtos. Eu queria que inicialmente o background do menu fosse azul, mas quando a pessoa desse um scroll e chegasse na section serviços, o background do menu alterasse a cor. Alguem pode me ajudar? 
    • Por lucazbrandao
      Olá comunidade, 
       
      No site que estou desenvolvendo eu criei um background com 3 imagens, top, bottom e center, ambas tem 1920 de largura.
      Meu código:
      body { width: 100%; background: url(../images/top-fon-bg.jpg) top center no-repeat, url(../images/bottom-fon-bg.jpg) bottom center no-repeat, url(../images/fon-repeat.jpg) center repeat-y; background-color: #000000; font-family: Tahoma, Arial, sans-serif; font-size: 12px; color: #7d7d7d; line-height: 1; min-height: 100vh; } O problema é que a imagem do centro não fica centralizada, parece que ela se move 1 pixel pro lado.
       
       
       
      Alguém sabe o que pode ser? Obrigado.

    • Por nilo7004b
      Ola pessoal, sou novo aqui no fórum e desculpem qualquer erro, já procurei bastante pelo meu problema e não consegui encontrar nada a respeito. O meu problema é que eu estou desenvolvendo uma pagina web e após definir o background como um gradiente e adicionar divs aparecem umas manchas brancas pela pagina que vão alterando de posição a medida em que vai fazendo scroll na pagina, na imagem anexada tem o exemplo, gostaria de saber qual a origem do problema e como resolver. Desde já agradeço pela ajuda.
      Obs.: as DIVs adicionadas não estão com a cor de background definida.
       




    • Por TheJorge
      Olá pessoal, preciso de ajuda. Tenho um sistemaWeb hospedado no meu servidor dedicado, o servidor é um CentOS 6.10. Quando vou executar um script utilizando o shell_exec do php ele executa normal, mas quando coloco para ser executado em "background" com o "&" não executa em segundo plano, exemplo:
      Execução normal: shell_exec("cd caminho && php script.php"); 
      Execução em Background: shell_exec("cd caminho && php script.php &");
      O script está sendo executado mas não em background, necessito disso pois no sistemaWeb não quero estar esperando a execução do script quero colocar em background para poder continuar utilizando o sistema, o estranho disso é que peguei meu sistemaWeb e coloquei no meu servidor web local, tenho o Ubunto 16 na minha máquina, e funciona, o script é colocado para ser executado em background. Então acredito que deve ter uma configuração a fazer...
      Se alguém poder me ajudar =D
      Obrigado!
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.