none
Imagem de background RRS feed

  • Pergunta

  • Olá,

    Como faço para criar uma imagem de fundo como essa do site https://www.dreamspark.com/?

    Parece que a unica coisa que é carregada é dentro de um div, é isso mesmo?


    segunda-feira, 16 de março de 2009 13:11

Respostas

  • Sim, vc monta um <div id="fundo"> e depois faz a chamada dela no css e inclui o background.
    • Sugerido como Resposta Luiz Estevam quinta-feira, 28 de abril de 2011 20:16
    • Marcado como Resposta Eder CostaModerator quarta-feira, 20 de julho de 2011 17:40
    quinta-feira, 28 de abril de 2011 11:00
  • O mais comum para imagens de fundo é colocar diretamente na tag body mesmo. Se quiser ter diferentes backgrounds para páginas diferentes você pode colocar classes CSS no body de cada página.

    Agora... no caso do site do Dreamspark é um pouco mais complicado. Se você notar algumas partes das imagens de fundo aparecem por cima do conteúdo. Para fazer isso você colocar divs por cima do conteúdo (para isso utilize o a propriedade z-index do CSS) e coloque imagens com fundo transparente. Este tipo de efeito requer uma certa habilidade no CSS para encaixar tudo certinho.

    segunda-feira, 20 de junho de 2011 20:32

Todas as Respostas

  • Sim, vc monta um <div id="fundo"> e depois faz a chamada dela no css e inclui o background.
    • Sugerido como Resposta Luiz Estevam quinta-feira, 28 de abril de 2011 20:16
    • Marcado como Resposta Eder CostaModerator quarta-feira, 20 de julho de 2011 17:40
    quinta-feira, 28 de abril de 2011 11:00
  • O mais comum para imagens de fundo é colocar diretamente na tag body mesmo. Se quiser ter diferentes backgrounds para páginas diferentes você pode colocar classes CSS no body de cada página.

    Agora... no caso do site do Dreamspark é um pouco mais complicado. Se você notar algumas partes das imagens de fundo aparecem por cima do conteúdo. Para fazer isso você colocar divs por cima do conteúdo (para isso utilize o a propriedade z-index do CSS) e coloque imagens com fundo transparente. Este tipo de efeito requer uma certa habilidade no CSS para encaixar tudo certinho.

    segunda-feira, 20 de junho de 2011 20:32