Background de acordo com a resolução da tela[RESOLVIDO]

  • lucascatani
  • Avatar de lucascatani Autor do Tópico
  • Offline
  • JCB! Professional
  • JCB! Professional
Mais
15 anos 6 meses atrás #28158 por lucascatani
lucascatani created the topic: Background de acordo com a resolução da tela[RESOLVIDO]
Boa tarde galera! Estou com uma duvida em relação ao [color=#FF0000:12ezivfq]background[/color:12ezivfq] de um site que estou fazendo. Preciso que a imagem apareça 100% no fundo do site, então fiz o seguinte:
-Criei várias imagens nas resoluções que eu acho q serão necessárias:
800X600 (page_bg600.jpg)
1024X768 (page_bg1024.jpg)
1280X1204 (page_bg1280.jpg)
1440X900 (page_bg1440.jpg)
1600X1024 (page_bg1600.jpg)

Gostaria de que quando o usuário entrasse na página ele automaticamente "pegasse" a resolução do browser e "colocasse" o plano de fundo do tamanho respectivo.

Alguém me ajuda com o que tenho que mudar no INDEX e no CSS?

Creio que seja um [color=#0000BF:12ezivfq]javascript[/color:12ezivfq]. mas não consegui fazer funcionar nada do que achei na internet e aqui sempre acho respostas boas!

Abraço a todos! <!-- s:ugeek: --><img src="{SMILIES_PATH}/icon_e_ugeek.gif" alt=":ugeek:" title="Uber Geek" /><!-- s:ugeek: -->

Lucas Catani
[b:1bmpfj72]Blog[/b:1bmpfj72]: <!-- m --><a class="postlink" href=" www.l9web.com.br/blog/ " onclick="window.open(this.href);return false;"> www.l9web.com.br/blog/ </a><!-- m -->
[b:1bmpfj72]MSN:[/b:1bmpfj72] <!-- e --><a href="Este endereço de email está sendo protegido de spambots. Você precisa do JavaScript ativado para vê-lo.">Este endereço de email está sendo protegido de spambots. Você precisa do JavaScript ativado para vê-lo.</a><!-- e -->
[b:1bmpfj72]L9WEB | WEBSITES[/b:1bmpfj72] <!-- m --><a...

Please Entrar ou Registrar to join the conversation.


Mais
15 anos 6 meses atrás #28187 por Eloadir
Eloadir replied the topic: Re: Background de acordo com a resolução da tela
Interessante... gostaria de saber tbm...
Sempre crio imagens quem podem ser colocadas lado a lado.
Mas uma hora esse problema vai aparecer pra mim.
Se eu achar algo eu posto aqui.

Please Entrar ou Registrar to join the conversation.

Mais
15 anos 6 meses atrás #28206 por abobre
abobre replied the topic: Re: Background de acordo com a resolução da tela

lucascatani escreveu: Boa tarde galera! Estou com uma duvida em relação ao background de um site que estou fazendo. Preciso que a imagem apareça 100% no fundo do site, então fiz o seguinte:
-Criei várias imagens nas resoluções que eu acho q serão necessárias:
800X600 (page_bg600.jpg)
1024X768 (page_bg1024.jpg)
1280X1204 (page_bg1280.jpg)
1440X900 (page_bg1440.jpg)
1600X1024 (page_bg1600.jpg)

Gostaria de que quando o usuário entrasse na página ele automaticamente "pegasse" a resolução do browser e "colocasse" o plano de fundo do tamanho respectivo.

Alguém me ajuda com o que tenho que mudar no INDEX e no CSS?

Creio que seja um javascript. mas não consegui fazer funcionar nada do que achei na internet e aqui sempre acho respostas boas!

Abraço a todos! <!-- s:ugeek: --><img src="{SMILIES_PATH}/icon_e_ugeek.gif" alt=":ugeek:" title="Uber Geek" /><!-- s:ugeek: -->


Eu tenho esse script em JS, quando chegar em casa eu posto aqui para vcs.

Please Entrar ou Registrar to join the conversation.

Mais
15 anos 6 meses atrás #28276 por abobre
abobre replied the topic: Re: Background de acordo com a resolução da tela
Boa tarde,

Segue o código:
<script language="Javascript">
if (screen.width == "640" && screen.height == "480"){
window.location.href="indexx.php?tela=640x480";
}
if (screen.width == "800" && screen.height == "600"){
window.location.href="indexx.php?tela=800x600";
}
if (screen.width == "1152" && screen.height == "864"){
window.location.href="indexx.php?tela=1152x864";
}
if (screen.width == "1024" && screen.height == "768"){
window.location.href="indexx.php?tela=1024x768";
}
if (screen.width == "1280" && screen.height == "1024"){
/*window.location.href="indexx.php?tela=1280x1024";*/
}
if (screen.width == "1440" && screen.height == "900"){
/*window.location.href="indexx.php?tela=1280x1024";*/
}
</script>

Esse código acima ele pega a resolução do monitor e redireciona para outro link, você deve adaptar ele para mudar o background do site.

Abraços

Please Entrar ou Registrar to join the conversation.

  • lucascatani
  • Avatar de lucascatani Autor do Tópico
  • Offline
  • JCB! Professional
  • JCB! Professional
Mais
15 anos 6 meses atrás #28304 por lucascatani
lucascatani replied the topic: Re: Background de acordo com a resolução da tela

abobre escreveu: Boa tarde,

Segue o código:

<script language="Javascript">
if (screen.width == "640" && screen.height == "480"){
window.location.href="indexx.php?tela=640x480";
}
if (screen.width == "800" && screen.height == "600"){
window.location.href="indexx.php?tela=800x600";
}
if (screen.width == "1152" && screen.height == "864"){
window.location.href="indexx.php?tela=1152x864";
}
if (screen.width == "1024" && screen.height == "768"){
window.location.href="indexx.php?tela=1024x768";
}
if (screen.width == "1280" && screen.height == "1024"){
/*window.location.href="indexx.php?tela=1280x1024";*/
}
if (screen.width == "1440" && screen.height == "900"){
/*window.location.href="indexx.php?tela=1280x1024";*/
}
</script>

Esse código acima ele pega a resolução do monitor e redireciona para outro link, você deve adaptar ele para mudar o background do site.

Abraços



Valeu aí cara... só não consegui bolar algo para o joomla! Se alguém puder me ajudar!
Mas valeu mesmo!! Abração!

Lucas Catani
[b:1bmpfj72]Blog[/b:1bmpfj72]: <!-- m --><a class="postlink" href=" www.l9web.com.br/blog/ " onclick="window.open(this.href);return false;"> www.l9web.com.br/blog/ </a><!-- m -->
[b:1bmpfj72]MSN:[/b:1bmpfj72] <!-- e --><a href="Este endereço de email está sendo protegido de spambots. Você precisa do JavaScript ativado para vê-lo.">Este endereço de email está sendo protegido de spambots. Você precisa do JavaScript ativado para vê-lo.</a><!-- e -->
[b:1bmpfj72]L9WEB | WEBSITES[/b:1bmpfj72] <!-- m --><a...

Please Entrar ou Registrar to join the conversation.