Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa Noite,
visitando o site da pizza hut : http://www.euamopizzahut.com.br , vi algo que fiquei curiosa em saber como fazer. Quando uso resolução de 1024x768 aparece uma imagem de fundo na página (uma no centro, uma na esquerda e uma na direita). Mas quando uso 800x600, essas imagens não aparecem, aparecendo somente a parte do conteúdo e sem barras de rolagem horizontal.
Confiram: http://www.euamopizzahut.com.br
Alguém pode me ensinar a fazer isto?
Obrigada,
Thais
Oii Roxby, obrigado pela atenção.
Ainda não entendi mto bem. Essa foto - http://www.euamopizzahut.com.br/i/bgTop.jpg - eles colocaram como background de uma div que englobe todo o conteúdo é isso?
Agora como assim no background da PÁGINA?
E outra coisa, vi que são duas imagens: bgDir e bgEsc (a da direita e da esquerda)...ainda estou confusa =/
Obrigada,
Abraços
Vi =), você já estudou sobre a propriedade background?
Recomendo fortemente ler sobre o assunto e fazer um testes ai na súa máquina, ai você entende.
O que o RoXbY tentou explicar é que uma imagem é colocada, como background, no body e não na div geral, que engloba todo o site.
Por sua vez, essa div geral, tem um tamanho que varia entre 770px a 790px, para fica bem na resolução 800x600.
No link que você passou foram colocadas três imagens como fundo, mas poderia ser uma só.
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
Ahh, então é só fazer o layout da div geral de um tamanho que fique bem em 800x600, no body poe uma imagem de background a qual so ira aparecer em resoluções maiores, e é isso? issoooooo? rssss
na verdade nem precisa de imagem na div geral.
desenvolve uma imagem grandona já pra resolução grande e que tenha algum sentido em largura 600px; coloque como fundo da body com alinhamento center top no-repeat que já está solucionado .. unf.. tem gente que inventa pra nada :/
=oDD
Mas Roxby, temos um porém. Se fizer como você citou, o conteúdo não poderá crescer na altura. =/
Qual a solução pra isso se é que teria?
Faz o background fixo!
E outra... na solução da Pizza Hut, tb não existe solução pro conteudo qndo ele cresce na altura..
E como que em algumas páginas o conteudo ta maior?
Olha Thais, exatamente oque você quer?
Pois noto que estamos tendo um problema de comunicação aqui.
https://ssl390.locaweb.com.br/pizzahut-ba/promocoes.asp
Nessa página por exemplo, notamos que o background vermelho lá atrás, sobe junto com o scroll. Eu pensei que não era isso que você queria, por isso sugeri o background fixo.
Então exatamente oque você quer fazer? Qual é teu site? Cadê teu código?
Ai poderemos trabalhar em cima dele, e tentar chegar ao resultado desejado...
Eu não estou fazendo código nenhum, apenas deixei esse post para que alguém me esclarecesse COMO FOI FEITO O SITE DA PIZZA HUT, pois achei interessante. O que eu quero saber é exatamente como foi feito, pois vi que eles usaram 3 imagens de fundo - uma pra esquerda, uma no meio, e outra pra direita. Pq isso?
Obrigada
oi vi, tudo bom?!
então.. essa é simples:
o site foi desenvolvido pra 800*600 com seu respectivo fundo de tela:
http://www.euamopizzahut.com.br/i/bgTop.jpg
beleza, beleza RoxBy.. e agora? como ele coloca a outra?
no background da PÁGINA e não da div geral como é inserida a imagem acima, aplica-se uma imagem grande com background: url(imagem.jpg) 0 center no-repeat;
obs.: bom, não foi assim que o pessoal realmente fez o site da pizzahut ali, mas quis explicar de uma maneira mais fácil e rápida de como chegar ao mesmo resultado.
seeya ;)