Página inicial

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Página inicial

Mensagem por Kvothe em Dom 13 Jan - 3:15

Qual é minha questão:
Criei uma página inicial que é muito bem visualizada no Google Chrome, fica sem barras de rolagem. No entando no Firefox ela fica bom as barras de rolagem. É possível fazer o background se ajustar sozinho para que isso não aconteça? Pois creio que seja por causa do tamanho dele.

O código é esse:

Código:
<html>
<head>
<title>Land of Haeron</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_preloadImages() { http://v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { http://v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { http://v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { http://v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body background="http://i15.servimg.com/u/f15/18/00/15/89/bg10.jpg" style="background-repeat:no-repeat">
<div id="Layer1" style="position:absolute; left:20px; top:-2px; width:1233px; height:113px; z-index:1"> <img src="http://i15.servimg.com/u/f15/18/00/15/89/top10.png" width="1230" height="107" align="middle"></div>
<div id="Layer2" style="position:absolute; left:258px; top:296px; width:584px; height:203px; z-index:2"><img src="http://i15.servimg.com/u/f15/18/00/15/89/quadro10.png" width="759" height="277"></div>
<div id="Layer3" style="position:absolute; left:361px; top:356px; width:556px; height:198px; z-index:3"><a href="http://landofhaeron.forumbrasil.net/portal" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Land of Haeron','','http://i15.servimg.com/u/f15/18/00/15/89/link10.jpg',1)"><img src="http://i15.servimg.com/u/f15/18/00/15/89/link_o10.jpg" alt="Entre Já!" name="Land of Haeron" width="556" height="198" border="0"></a></div>
<div id="Layer4" style="position:absolute; left:232px; top:898px; width:656px; height:24px; z-index:4"><font color="#999999" face="Georgia, Times New Roman, Times, serif">Land
  of Haeron © 2013 Original Fantasy-RPG post-by-post. Todos os direitos
  reservados.</font></div>
<div id="Layer5" style="position:absolute; left:874px; top:898px; width:76px; height:25px; z-index:5"><font color="#999999" face="Georgia, Times New Roman, Times, serif">Forumeiros</font></div>
<div id="Layer6" style="position:absolute; left:876px; top:902px; width:71px; height:21px; z-index:6"><a href="http://www.forumeiros.com/"><img src="http://i15.servimg.com/u/f15/18/00/15/89/sem_ta12.png" width="99" height="12" border="0"></a> </div>
</body>
</html>

Obrigado!

Endereço do meu fórum:
http://landofhaeron.forumbrasil.net

Versão do fórum:
PHPBB2
Código:


Última edição por Kvothe em Qui 17 Jan - 15:04, editado 1 vez(es)
avatar

Kvothe
Usuário destaque

Masculino
Inscrito dia : 23/12/2012
Mensagens : 945
Pontos Ativos : 1372

Ver perfil do usuário http://landofhaeron.forumeiros.com

Resolvido Re: Página inicial

Mensagem por Mafioso em Dom 13 Jan - 4:29

Não seria o caso de você colocar uma imagem de fundo maior ?
avatar

Mafioso
Usuário destaque

Masculino
Inscrito dia : 13/11/2012
Mensagens : 707
Pontos Ativos : 903

Ver perfil do usuário http://www.brasilplaycity.com.br/forum

Resolvido Re: Página inicial

Mensagem por seender em Dom 13 Jan - 8:06

Olá!

Não é possível fazer o background se ajustar sozinho sem a utilização de Javascript ao qual não oferecemos mais suporte, porém, não sei se ajudará, pode determinar um valor mínimo e um valor máximo para o fundo, ajudaria?

Até mais!
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Página inicial

Mensagem por HenRyqUéè em Dom 13 Jan - 14:01

Olá Kvothe!

Troque seu código por este:

Código:
<html>
<head>
<script stc="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script>
jQuery(document).ready(function(){
jQuery("body, #body").css("overflow","hiddem");
});
</script>
<title>Land of Haeron</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_preloadImages() { http://v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { http://v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { http://v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { http://v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body id="body" style="overflow:hiddem;overflow-x:hiddem;overflow-y:hiddem" background="http://i15.servimg.com/u/f15/18/00/15/89/bg10.jpg" style="background-repeat:no-repeat">
<div id="Layer1" style="position:absolute; left:20px; top:-2px; width:1233px; height:113px; z-index:1"> <img src="http://i15.servimg.com/u/f15/18/00/15/89/top10.png" width="1230" height="107" align="middle"></div>
<div id="Layer2" style="position:absolute; left:258px; top:296px; width:584px; height:203px; z-index:2"><img src="http://i15.servimg.com/u/f15/18/00/15/89/quadro10.png" width="759" height="277"></div>
<div id="Layer3" style="position:absolute; left:361px; top:356px; width:556px; height:198px; z-index:3"><a href="http://landofhaeron.forumbrasil.net/portal" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Land of Haeron','','http://i15.servimg.com/u/f15/18/00/15/89/link10.jpg',1)"><img src="http://i15.servimg.com/u/f15/18/00/15/89/link_o10.jpg" alt="Entre Já!" name="Land of Haeron" width="556" height="198" border="0"></a></div>
<div id="Layer4" style="position:absolute; left:232px; top:898px; width:656px; height:24px; z-index:4"><font color="#999999" face="Georgia, Times New Roman, Times, serif">Land
  of Haeron © 2013 Original Fantasy-RPG post-by-post. Todos os direitos
  reservados.</font></div>
<div id="Layer5" style="position:absolute; left:874px; top:898px; width:76px; height:25px; z-index:5"><font color="#999999" face="Georgia, Times New Roman, Times, serif">Forumeiros</font></div>
<div id="Layer6" style="position:absolute; left:876px; top:902px; width:71px; height:21px; z-index:6"><a href="http://www.forumeiros.com/"><img src="http://i15.servimg.com/u/f15/18/00/15/89/sem_ta12.png" width="99" height="12" border="0"></a> </div>
</body>
</html>

Cordialmente,
avatar

HenRyqUéè
Nível 9

Masculino
Inscrito dia : 11/01/2013
Mensagens : 178
Pontos Ativos : 251

Ver perfil do usuário http://www.rmbr.forumeiros.com

Resolvido Re: Página inicial

Mensagem por Kvothe em Dom 13 Jan - 16:55

Seender: se resultar em algo parecido com o que eu quero, acho que serve sim...

HenRyqUéè: ainda não resultou em nada, além do fato de o BG ficar reptindo quando tira o zoom. Mas as barras de rolagem continuam no outro navegador.


Até,
avatar

Kvothe
Usuário destaque

Masculino
Inscrito dia : 23/12/2012
Mensagens : 945
Pontos Ativos : 1372

Ver perfil do usuário http://landofhaeron.forumeiros.com

Resolvido Re: Página inicial

Mensagem por HenRyqUéè em Seg 14 Jan - 16:51

Olá!

Troque o código por este:

Código:
<html>
<head>
<style>
body{
overflow:hiddem;
background-size:100%;
background-repeat:no-repeat;
}
</style>
<script stc="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script>
jQuery(document).ready(function(){
jQuery("body, #body").css("overflow","hiddem");
});
</script>
<title>Land of Haeron</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_preloadImages() { http://v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { http://v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { http://v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { http://v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body id="body" style="" background="http://i15.servimg.com/u/f15/18/00/15/89/bg10.jpg" style="background-repeat:no-repeat">
<div id="Layer1" style="position:absolute; left:20px; top:-2px; width:1233px; height:113px; z-index:1"> <img src="http://i15.servimg.com/u/f15/18/00/15/89/top10.png" width="1230" height="107" align="middle"></div>
<div id="Layer2" style="position:absolute; left:258px; top:296px; width:584px; height:203px; z-index:2"><img src="http://i15.servimg.com/u/f15/18/00/15/89/quadro10.png" width="759" height="277"></div>
<div id="Layer3" style="position:absolute; left:361px; top:356px; width:556px; height:198px; z-index:3"><a href="http://landofhaeron.forumbrasil.net/portal" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Land of Haeron','','http://i15.servimg.com/u/f15/18/00/15/89/link10.jpg',1)"><img src="http://i15.servimg.com/u/f15/18/00/15/89/link_o10.jpg" alt="Entre Já!" name="Land of Haeron" width="556" height="198" border="0"></a></div>
<div id="Layer4" style="position:absolute; left:232px; top:898px; width:656px; height:24px; z-index:4"><font color="#999999" face="Georgia, Times New Roman, Times, serif">Land
  of Haeron © 2013 Original Fantasy-RPG post-by-post. Todos os direitos
  reservados.</font></div>
<div id="Layer5" style="position:absolute; left:874px; top:898px; width:76px; height:25px; z-index:5"><font color="#999999" face="Georgia, Times New Roman, Times, serif">Forumeiros</font></div>
<div id="Layer6" style="position:absolute; left:876px; top:902px; width:71px; height:21px; z-index:6"><a href="http://www.forumeiros.com/"><img src="http://i15.servimg.com/u/f15/18/00/15/89/sem_ta12.png" width="99" height="12" border="0"></a> </div>
</body>
</html>
Abraços.
avatar

HenRyqUéè
Nível 9

Masculino
Inscrito dia : 11/01/2013
Mensagens : 178
Pontos Ativos : 251

Ver perfil do usuário http://www.rmbr.forumeiros.com

Resolvido Re: Página inicial

Mensagem por Kvothe em Seg 14 Jan - 16:56

Ainda não houve diferença, mas tudo bem. Creio que não seja possível, né?
avatar

Kvothe
Usuário destaque

Masculino
Inscrito dia : 23/12/2012
Mensagens : 945
Pontos Ativos : 1372

Ver perfil do usuário http://landofhaeron.forumeiros.com

Resolvido Re: Página inicial

Mensagem por HenRyqUéè em Seg 14 Jan - 17:01

Olá amigo, aqui quando editei o código, ficou normal. Mas a posição varia de monitor para monitor (resolução para resolução) ou seja, se minha resolução aqui é 1024x780 e a sua é outra, nunca irá se ajustar adequadamente.
avatar

HenRyqUéè
Nível 9

Masculino
Inscrito dia : 11/01/2013
Mensagens : 178
Pontos Ativos : 251

Ver perfil do usuário http://www.rmbr.forumeiros.com

Resolvido Re: Página inicial

Mensagem por Kvothe em Seg 14 Jan - 17:07

Entendo... tudo bem então, obrigado assim mesmo Muito feliz
Mas em questão de se ajustar ao navegador, mesmo assim nao e possivel ne?
avatar

Kvothe
Usuário destaque

Masculino
Inscrito dia : 23/12/2012
Mensagens : 945
Pontos Ativos : 1372

Ver perfil do usuário http://landofhaeron.forumeiros.com

Resolvido Re: Página inicial

Mensagem por Sennior em Seg 14 Jan - 17:29

Saudações!

Nada disso amigo, irei lhe explicar o que eu entendi sobre tua dúvida. O problema seu é que em navegadores não aparece a barra de rolagem e outros sim é isso?

Até mais!
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Página inicial

Mensagem por Kvothe em Seg 14 Jan - 17:36

Sim e eu gostaria que nao aparecesse em nenhum.. Uso o Chrome, mas muito usam o Firefox (o qual aparece a barra de rolagem devido, eu acho, ao tamanho do background, já que a janela do Firefox é menor)...
avatar

Kvothe
Usuário destaque

Masculino
Inscrito dia : 23/12/2012
Mensagens : 945
Pontos Ativos : 1372

Ver perfil do usuário http://landofhaeron.forumeiros.com

Resolvido Re: Página inicial

Mensagem por Sennior em Seg 14 Jan - 17:43

Troque teu código por este:

Código:
<html>
<head>
<title>Land of Haeron</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_preloadImages() { http://v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { http://v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { http://v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { http://v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<.content=overflow: auto;>
<body background="http://i15.servimg.com/u/f15/18/00/15/89/bg10.jpg" style="background-repeat:no-repeat">
<div id="Layer1" style="position:absolute; left:20px; top:-2px; width:1233px; height:113px; z-index:1"> <img src="http://i15.servimg.com/u/f15/18/00/15/89/top10.png" width="1230" height="107" align="middle"></div>
<div id="Layer2" style="position:absolute; left:258px; top:296px; width:584px; height:203px; z-index:2"><img src="http://i15.servimg.com/u/f15/18/00/15/89/quadro10.png" width="759" height="277"></div>
<div id="Layer3" style="position:absolute; left:361px; top:356px; width:556px; height:198px; z-index:3"><a href="http://landofhaeron.forumbrasil.net/portal" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Land of Haeron','','http://i15.servimg.com/u/f15/18/00/15/89/link10.jpg',1)"><img src="http://i15.servimg.com/u/f15/18/00/15/89/link_o10.jpg" alt="Entre Já!" name="Land of Haeron" width="556" height="198" border="0"></a></div>
<div id="Layer4" style="position:absolute; left:232px; top:898px; width:656px; height:24px; z-index:4"><font color="#999999" face="Georgia, Times New Roman, Times, serif">Land
  of Haeron © 2013 Original Fantasy-RPG post-by-post. Todos os direitos
  reservados.</font></div>
<div id="Layer5" style="position:absolute; left:874px; top:898px; width:76px; height:25px; z-index:5"><font color="#999999" face="Georgia, Times New Roman, Times, serif">Forumeiros</font></div>
<div id="Layer6" style="position:absolute; left:876px; top:902px; width:71px; height:21px; z-index:6"><a href="http://www.forumeiros.com/"><img src="http://i15.servimg.com/u/f15/18/00/15/89/sem_ta12.png" width="99" height="12" border="0"></a> </div>
</body>
</html>
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Página inicial

Mensagem por Kvothe em Seg 14 Jan - 17:51

Ainda não resultou...Continua com a barra lateral..
avatar

Kvothe
Usuário destaque

Masculino
Inscrito dia : 23/12/2012
Mensagens : 945
Pontos Ativos : 1372

Ver perfil do usuário http://landofhaeron.forumeiros.com

Resolvido Re: Página inicial

Mensagem por Kvothe em Seg 14 Jan - 23:14

Mikéé, se não for possível pode fechar o tópico.

Muito obrigado,
Até mais,
avatar

Kvothe
Usuário destaque

Masculino
Inscrito dia : 23/12/2012
Mensagens : 945
Pontos Ativos : 1372

Ver perfil do usuário http://landofhaeron.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum