[Resolvido] Background

[kakamit 0]

Eu nao aguento mais de procurar e nunca achar uma solução, e eu sei que existe e eu ja vi em milhares de sites.

Como faço para ajustar o background de acordo com a resolução, caso eu nao encontre vou acabar desistindo de fazer sites, porque eu sempre procuro e nao acho, alguem me ajuda por favor, agora eu nem sei mais se é css ou javascript ou o que é que ajusta o BACKGROUND

Estou aguardando espero contar com vcs.

[João Prado 64]

explique melhor

 

seu bg é cor sólida ou é uma imagem?

 

no caso de ser imagem você precisa apenas inserir uma div BG com height e width 100%

 

 

OBS: http://forum.imasters.com.br/index.php?app=core&module=help

Atente-se as regras do fórum quanto a título de tópico

 

Não poste mensagens ou tópicos fora dos temas centrais dos fóruns tais como piadas, assuntos políticos, futebol, etc. Para estes assuntos, existe o fórum Entretenimento. Evite entitular os tópicos com palavras como: "ME AJUDE", "PELO AMOR DE DEUS", "ESTOU DESESPERADO", "URGENTE", "SOCORRO", "HELP", "PEDIDO", "IMPLORO", "PLEASE", "DÚVIDA", ou qualquer coisa similar, assim como utilizar Caixa Alta (letras todas em maiúsculas) no título ou mesmo no corpo do tópico ou post. Utilize títulos curtos e claros, que condizam com o contexto do tópico, por favor.

[Henrique Barcelos 290]

Tópico editado.

Motivo: retirada da palavra 'urgente' do título por ferir as regras do fórum.

 

01ª - Conteúdo fora de contexto

Não poste mensagens ou tópicos fora dos temas centrais dos fóruns tais como piadas, assuntos políticos, futebol, etc. Para estes assuntos, existe o fórum Entretenimento. Evite entitular os tópicos com palavras como: "ME AJUDE", "PELO AMOR DE DEUS", "ESTOU DESESPERADO", "URGENTE", "SOCORRO", "HELP", "PEDIDO", "IMPLORO", "PLEASE", "DÚVIDA", ou qualquer coisa similar, assim como utilizar Caixa Alta (letras todas em maiúsculas) no título ou mesmo no corpo do tópico ou post. Utilize títulos curtos e claros, que condizam com o contexto do tópico, por favor.

 

Vamos por partes... o que você quer fazer?

 

É uma imagem? É apenas uma cor? É uma textura?

 

Tem n possibilidades...

[Holt 1]

É só definir um background com url da imagem no CSS com width e height 100% se for uma imagem grande...

Se for de repetição é só definir a url do background que ele repete sozinho...

Se for só uma cor é só definir background color

[kakamit 0]

Meu Deus, vocês nao entenderam, exemplo eu tenho uma imagem 1024x768 quando eu mudo de resolução ou fica faltando um pedaço ou come um pedaço da imagem, tem um geito que eu ja vi em milhares de site que a background indepedente do tamanho ela ajusta no fundo do site(background)

[Thiago Retondar 18]

Tem jeito sim. http://forum.imasters.com.br/public/style_emoticons/default/natal_tongue.gif

 

Você pode fazer isso com JavaScript. Verificar a resolução e "jogar" a imagem de acordo com aquela resolução. Assim a imagem não sai distorcida.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[kakamit 0]

hm obrigado. sim iii?

[Thiago Retondar 18]

Iii pesquise. ;)

 

O Google não cobra taxa por pesquisa, não se preocupe.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif http://forum.imasters.com.br/public/style_emoticons/default/searchbeforeposting.gif

[kakamit 0]

Quem pesquisou mais que eu ficou doente, todos que eu acho eu testei e nao deu certo ou pode ser que estou resado!

Macumba para cima de mim! nao consigo fazer ou encontrar um que funcione, até ingles eu ja pesquisei*!

[Thiago Retondar 18]

E como está fazendo?

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[kakamit 0]

Espere, vou mandar uma galeria de codigos!

 

<style>
.r640 { background-image:url(http://mail.google.com/mail/help/images/logo.gif); }
.r800 { background-image:url(http://forum.mxstudio.com.br/style_images/1/logomx.gif); }
.r1024 { background-image:url(http://www.mxstudio.com.br/images/TopoCf.gif); }
.r1280 { background-image:url(http://www.mxstudio.com.br/images/topo_cf.gif); }
</style>
<script>
var resolucao = new Array();
resolucao.push({tolerancia:new Array(0,640) , height:480} );
resolucao.push({tolerancia:new Array(641,800) , height:600} );
resolucao.push({tolerancia:new Array(801,1024) , height:768} );
resolucao.push({tolerancia:new Array(1025,1280), height:1024});
var refreshBackground = function(){
for(var i=0; i < resolucao.length;i++){
if(document.body.clientWidth >= resolucao[i].tolerancia[0] && document.body.clientWidth <= resolucao[i].tolerancia[1]){
document.body.className = 'r'+resolucao[i].tolerancia[1];
resizeTo(resolucao[i].tolerancia[1],resolucao[i].height);
}
}
}
window.onload = function(){
refreshBackground();
window.onresize = refreshBackground;
}
</script>
<body></body>

http://www.cssplay.co.uk/layouts/background.html

O resto eu perdir de ser disnecessário!...]

Agora eu fico impressionado com tantos profissionais que tem como você Thiago e não consegue resolver esse problema da maioria. O temido background, serio mesmoo, fico me perguntando, você deve me entender, não estou enraivado e nem nada, estou surprezo com tudo isso!

[João Prado 64]

um conselho eficiente é que você crie uma imagem que fique boa com resolução 800x600 ai quando a resolução for maior completa os espaços com a cor do fundo da imagem

por exemplo, uma imagem com fundo azul você poe o bg-color azul

 

fica bom e voce nao tem tanto trabalho :)

[kakamit 0]

amigo, não é isso que eu quero, estou construindo umn site para uma casa ai, ai eu tenho que colocar uma paisagem no fundo com a casa em cima tudo como background com o conteudo em cima!. Super complicado!

[João Prado 64]

entao neste caso a melhor solução é procurar algum script js mesmo

 

existem muitos sites que fornecem scripts gratuitos, de uma procurada ;)

[kakamit 0]

meu deus do céu ! você leu todo o post?

ler ai!

Quem pesquisou mais que eu ficou doente, todos que eu acho eu testei e nao deu certo ou pode ser que estou resado!

Macumba para cima de mim! nao consigo fazer ou encontrar um que funcione, até ingles eu ja pesquisei*!

 

[João Prado 64]

li sim

 

procure mais, ou estude e tente fazer um proprio

 

provavelmente você esta achando scripts que funcionem mas nao esta sabendo utiliza-los

[kakamit 0]

estou ultilizando corretamente! Mais não funciona. O Forum aqui serve para que?

ou só para vcs ganharem post?

poh coperem neh.!

Sou a favor de que ganhe post, pessoas que ajudem, e não que mandem agente pesquiasr em vez de ajudar!

Se fosse para pesquiasr eu ia no google, mais eu imagino que o forum serve para essas coisas!

[João Prado 64]

estou ultilizando corretamente! Mais não funciona, agora nao entendi o Forum serve para ajudar a fazer ou procurar ou para mandar agente pesquisar apenas?

ou só para vcs ganharem post?

por coperem neh.!

Poste o que você tem e veremos no que da para ajudar

[kakamit 0]

aaah e vou continuar insistindo, até que chegue alguem e me ajude! http://forum.imasters.com.br/public/style_emoticons/default/natal_wink.gif

 

Amigo... Eu postei logo acima! E você ainda diz que leu?

 

<style>.r640 { background-image:url(http://mail.google.com/mail/help/images/logo.gif); }.r800 { background-image:url(http://forum.mxstudio.com.br/style_images/1/logomx.gif); }.r1024 { background-image:url(http://www.mxstudio.com.br/images/TopoCf.gif); }.r1280 { background-image:url(http://www.mxstudio.com.br/images/topo_cf.gif); }</style><script>var resolucao = new Array();resolucao.push({tolerancia:new Array(0,640) , height:480} );resolucao.push({tolerancia:new Array(641,800) , height:600} );resolucao.push({tolerancia:new Array(801,1024) , height:768} );resolucao.push({tolerancia:new Array(1025,1280), height:1024});var refreshBackground = function(){for(var i=0; i < resolucao.length;i++){if(document.body.clientWidth >= resolucao[i].tolerancia[0] && document.body.clientWidth <= resolucao[i].tolerancia[1]){document.body.className = 'r'+resolucao[i].tolerancia[1];resizeTo(resolucao[i].tolerancia[1],resolucao[i].height);}}}window.onload = function(){refreshBackground();window.onresize = refreshBackground;}</script><body></body>

[João Prado 64]

desculpe, eu havia lido mas tinha esquecido

 

seguinte, peça para algum moderador mover o tópico para a área adequada que é java script

la sim você receberá a devida ajuda