Background de acordo com a resolução da tela[RESOLVIDO]
- lucascatani
-
Autor do Tópico
- Offline
- JCB! Professional
-
-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.
- Eloadir
-
- Offline
- JCB! Junior
-
- Postagens: 69
- Obrigados Recebidos: 0
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.
- abobre
-
- Offline
- JCB! Expert
-
- Postagens: 372
- Obrigados Recebidos: 0
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.
- abobre
-
- Offline
- JCB! Expert
-
- Postagens: 372
- Obrigados Recebidos: 0
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
-
Autor do Tópico
- Offline
- JCB! Professional
-
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.