Dicas Background

[bob.l7]

Boa tarde pessoal,

Ainda sou iniciante na área de design e estou com algumas dúvidas com relação aos backgrounds dos sites.

Já desenvolvi alguns sites e na maioria deles usei backgrounds. O problema que estou tendo é o lance da repetição das imagens, eu coloco uma imagem 1024x768px por exemplo no intuito de não sobrecarregar de mais o site mas, como já se era de esperar obviamente, quando abro o site em um monitor com resolução maior que 1024x768 por exemplo, a imagem começa a se repetir, o que torna a aparência do site um tanto quanto desagradável.

Depois disso tentei algumas soluções mas nunca consegui nada muito satisfatório. Tentei usar o comando "norepeat", mas não resolveu nada pois quando a imagem acabava, o restante do site continuava com aquele background simples do navegador. Tambem tentei colocar uma imagem muitoooo graaande para que fosse imposssível que ela se repetisse, adaptando a todas as resoluções que eu conheço dos monitores, mas, como já era esperado, o site ficou extremamente pesado, o que resolvia um problema, mas gerava outro :S

Por isso, venho por meio deste post solicitar uma ajuda ou dicas para que eu possa desenvolver um background com uma boa aparência e sem ter que usar uma imagem gigaaante.

Caso eu não tenha sido muito claro na minha explicação, vai ai o link de um dos sites para que vejam o problema do background.

http://www.lpginformatica.com.br

Vi em alguns sites alguns backgrounds beem interessantes com efeito gradiente, não sei se é uma imagem mesmo ou se é um efeito CSS ou algo do gênero.

Agradeço desde já e espero que alguém possa me ajudaaaar ! *-*

Abraço ! :huh: :huh: :huh: :huh:

Editado Abril 24, 2010 por bob.l7

[_Vinny_]

Bem, o link que você postou, o carregamento é bem lento, a imagem demora muito a carregar. O tamanho em largura perfeito seria de 1280px. E não necessariamente ter a altura grande, basta cobrir metade da resolução e o resto você colocar uma cor.

Uma dica seria usar:

background-attachment:fixed;

Para deixar o bg fixo, sem precisar repetir, e caso precise, preencher com cor.

Uma outra dica seria a desse link:

http://www.dynamicdrive.com/style/csslibra...near_gradients/

Bg gradiente somente com CSS e sem imagens. Infelizmente não suportando apenas pelo IE.

Qualquer duvida, poste aqui ;D