Ir para conteúdo
Fórum Script Brasil
  • 0

(Resolvido) CSS - Height e overflow


okplaygo

Pergunta

Pessoal, estou fazendo um portalzeco de jogos em flash e tou tendo problemas para acertar o layout dele.

Como podem ver nesse link:

http://www.okplaygo.com/puzzles/cargo-bridge/

Eu tenho o jogo centralizado na página com uma descrição lateral.

Se vocês entrarem nele pelo Chrome, verão que ele exibe corretamente, ao final da altura da aplicação em flash, ele ativa o overflow do texto descritivo. Mas visualizando em outros browsers(Firefox, IE e Opera), o efeito que eu tenho é o texto se expandindo sem o limite da altura do flash.

Como eu poderia fazer para regularizar a situação entre os browsers?

Atualmente o código está mais ou menos assim:

<div id="content">
    <div id="gamecontent">
        <div id = "gameheader">
            <div id = "gameleft">                       
            </div>
            <div id = "gameright">
            </div>
            <div class = "clear"></div>
        </div>
        <div id = "allgame">
            <div id = "allgamesub">
                <div id = "flash">
                </div> 
                <div id = "description">
                </div> 
            </div>
         </div>
    </div> 
</div>
html, body {
height:auto;
overflow:inherit; /* triggers 100% height in Opera 9.5 */
background:#EFEFEF;
}
#content {
        width: 990px;
    margin: 0px auto;
        padding: 0px;
}
#gamecontent{    
     width: 990px;
     padding:0px;
}

.clear {
    clear:both;
    padding:0;
    margin:0;
}

#gameheader{
     position:relative
}

#gameleft{
     position:absolute; top:25%; 
     font:bold 24px verdana;
     color:#000000;        
     float:left;
     width: 200px;
}

#gameright{
     font:normal 11px verdana;     
     color:#000000;
     float:right;
     text-align:right;
}

#allgame{
position:relative;
max-width:104%;
height:100%;
border:5px solid #7A7A7A;
display: table;
margin: 10px auto;
background-color: #CECECE;
margin:10px auto;
overflow: hidden;
}

#allgamesub{
    border-collapse:separate;
    display: table-row;
    height: inherit;
}

/* flash container */    
#flash{       
     float: left;
     height: inherit;
     position:relative;
}

#description{  
     position:relative;
     float: left;
     width: 175px;  
     height: 100%;
     border-left:5px solid #7A7A7A;  
     text-align:left;
     color:#000000;
     font:normal 10px verdana; 
     overflow: auto;  
}

Obrigado desde já. :)

Link para o comentário
Compartilhar em outros sites

22 respostass a esta questão

Posts Recomendados

  • 0

Deves lembrar que quando tu coloca um border-left com 5px, ele aumenta a largura em 5px, então, deves diminuir para 170px para que fique então com 175px, entendeu? Ou já fez isso?

Não vá embora se não conseguir resolver o problema! :D POSTE!!!

Abraços

Matheus Matos

P.S: Ei, pena que não consigui jogar o jogo que tem lá.. #FiqueiTriste :(

Editado por Matheus Matos
Link para o comentário
Compartilhar em outros sites

  • 0

O problema que tenho realmente é relativo ao overflow vertical. É como se o id "description" não recebesse a altura correta.

Por descargo de consciencia mudei o que tu me comentou para 170, mas não solucionou o problema :(.

Poxa, e quanto ao jogo, deveria tar funcionando, testei em todos os browsers e em todos abriu.

Valeu por tentar ajudar :D.

Se alguém tiver mais alguma idéia do que possa estar causando o problema, eu agradeço.

Link para o comentário
Compartilhar em outros sites

  • 0

O texto que se encontra na lateral direita do jogo, está dentro de <ul><li>? Se sim, acredito que tenha que determinar os tamanhos delas, me parece que é isso que está fazendo tudo descer.

Por elas não estarem sendo configuradas no CSS, estão herdando as configurações de outra div, e por isso aconteça esse problema.

O porque de só acontecer no firefox, é devido as diferentes formas que cada navegador tem de interpretar o CSS.

Link para o comentário
Compartilhar em outros sites

  • 0

Na verdade, apesar de estar como eu quero no Chrome, é apenas nele que está dessa forma. Em todos os outros estão da mesma forma e errados(quanto ao que eu quero).

Eu tentei forçar os <ul> e <li> de dentro da lateral direita a receberem "100%" de height, mas isso não causa nenhuma alteração nos outros navegadores e ainda quebra a forma que está no Chrome. :/

Um outro ponto, que demonstra que o problema é a "herança" da altura da janela que contém o jogo + a descrição é nesta página aqui:

http://www.okplaygo.com/puzzles/furfur-and-nublo/

Onde a descrição tem uma borda lateral(a da esquerda), que se extende apenas enquanto dura o texto.

Se alguém tiver alguma idéia de como posso corrigir, agradeço muito.

Editado por okplaygo
Link para o comentário
Compartilhar em outros sites

  • 0

arrumei pra você cara... :P...segui ai o HTML...da pagina...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head profile="http://gmpg.org/xfn/11"> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<meta name="distribution" content="global" /> 
<meta name="robots" content="follow, all" /> 
<meta name="language" content="en, sv" /> 

<title>Ok Play Go - Just play, can't be simpler</title> 
<meta name="generator" content="WordPress 3.0.1" /> 
<!-- leave this for stats please --> 

<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://www.okplaygo.com/feed/" /> 
<link rel="alternate" type="text/xml" title="RSS .92" href="http://www.okplaygo.com/feed/rss/" /> 
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="http://www.okplaygo.com/feed/atom/" /> 
<link rel="pingback" href="http://www.okplaygo.com/xmlrpc.php" /> 
    <link rel='archives' title='July 2010' href='http://www.okplaygo.com/2010/07/' /> 
<link rel="alternate" type="application/rss+xml" title="Ok Play Go &raquo; Cargo Bridge Comments Feed" href="http://www.okplaygo.com/puzzles/cargo-bridge/feed/" /> 
<link rel='stylesheet' id='gdsr_style_main-css'  href="css.css" type='text/css' media='all' /> 
<link rel='stylesheet' id='gdsr_style_xtra-css'  href='http://www.okplaygo.com/wp-content/gd-star-rating/css/rating.css?ver=1.9.3' type='text/css' media='all' /> 
<link rel='stylesheet' id='wp-pagenavi-css'  href='http://www.okplaygo.com/wp-content/plugins/wp-pagenavi/pagenavi-css.css?ver=2.70' type='text/css' media='all' /> 
&lt;script type='text/javascript' src='http://www.okplaygo.com/wp-includes/js/jquery/jquery.js?ver=1.4.2'></script> 
&lt;script type='text/javascript' src='http://www.okplaygo.com/wp-content/plugins/gd-star-rating/js/gdsr.js?ver=1.9.3'></script> 
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.okplaygo.com/xmlrpc.php?rsd" /> 
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www.okplaygo.com/wp-includes/wlwmanifest.xml" /> 
<link rel='index' title='Ok Play Go' href='http://www.okplaygo.com/' /> 
<link rel='start' title='Blockage' href='http://www.okplaygo.com/puzzles/blockage/' /> 
<link rel='prev' title='Bunny Angels' href='http://www.okplaygo.com/puzzles/bunny-angels/' /> 
<link rel='next' title='Connection' href='http://www.okplaygo.com/puzzles/connection/' /> 
<meta name="generator" content="WordPress 3.0.1" /> 
<link rel='canonical' href='http://www.okplaygo.com/puzzles/cargo-bridge/' /> 
<link rel='shortlink' href='http://www.okplaygo.com/?p=36' /> 
&lt;script type="text/javascript"> 
//<![CDATA[
var gdsr_cnst_nonce = "5d54eab124";
var gdsr_cnst_ajax = "http://www.okplaygo.com/wp-content/plugins/gd-star-rating/ajax.php";
var gdsr_cnst_button = 1;
var gdsr_cnst_cache = 0;
// ]]>
</script> 
<!--[if IE]><style type="text/css">.ratemulti .starsbar .gdcurrent { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); }</style><![endif]--> 
<style type="text/css" media="screen"><!-- @import url( http://www.okplaygo.com/wp-content/themes/triqui/style.css ); --></style> 
<meta name="google-site-verification" content="mB5OLI7O3ipYY4fIal2KuN8OCQykScvz3e8ampI8260" /> 
</head> 

<body> 

<div id="header"> 
    <div class="headerleft" onclick = "window.location='http://www.okplaygo.com'"></div>    

    <div id="navbar"> 
          <ul id="nav"> 
             <li><a href="http://www.okplaygo.com">Home</a></li> 
                 <li class="cat-item cat-item-11"><a href="http://www.okplaygo.com/category/action/" title="Flash Action Games">Action</a> 
</li> 
    <li class="cat-item cat-item-12"><a href="http://www.okplaygo.com/category/adventure/" title="Flash Adventure Games">Adventure</a> 
</li> 
    <li class="cat-item cat-item-14"><a href="http://www.okplaygo.com/category/casino/" title="Flash Casino Games">Casino</a> 
</li> 
    <li class="cat-item cat-item-16"><a href="http://www.okplaygo.com/category/driving/" title="Flash Driving Games">Driving</a> 
</li> 
    <li class="cat-item cat-item-17"><a href="http://www.okplaygo.com/category/fighting/" title="Flash Fighting Games">Fighting</a> 
</li> 
    <li class="cat-item cat-item-18"><a href="http://www.okplaygo.com/category/high-scores/" title="Flash High Scores Games">High Scores</a> 
</li> 
    <li class="cat-item cat-item-19"><a href="http://www.okplaygo.com/category/other/" title="Flash Other Games">Other</a> 
</li> 
    <li class="cat-item cat-item-21"><a href="http://www.okplaygo.com/category/puzzles/" title="Flash Puzzles Games">Puzzles</a> 
</li> 
    <li class="cat-item cat-item-22"><a href="http://www.okplaygo.com/category/shooting/" title="Flash Shooting Games">Shooting</a> 
</li> 
    <li class="cat-item cat-item-23"><a href="http://www.okplaygo.com/category/sports/" title="Flash Sports Games">Sports</a> 
</li> 
         </ul> 
        </div> 

</div>&lt;script type="text/javascript"> 
window.google_analytics_uacct = "UA-13204472-2";
</script> 
<div id="content"> 
     <div id="gamecontent"> 
          
          <div id = "gameheader"> 
              <div id = "gameleft"> 
          Cargo Bridge              
              </div> 
              <div id = "gameright"> 
   
               <div class ="adsensead"> 

&lt;script type="text/javascript"><!--
google_ad_client = "pub-7920998006330594";
/* okPlaygo GamePage */
google_ad_slot = "5327577554";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script> 
&lt;script type="text/javascript"

src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> 
</script> 
               </div> 
              </div> 
              <div class = "clear"></div> 
          </div> 

          
      <br>    

          <div id = "allgame"> 
<div id = "flash"> 
<embed src="http://www.okplaygo.com/wp-content/uploads/2010/07/cargo_bridge.swf" menu="false" quality="high" width="800" height="550" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> 
               </div> <!-- end flash div --> 
    
               <div id = "description"> 
               <ul> 
                <div class="date"> 
                <li>Rating:</li> 
                  <div style="display: none">VN:F [1.9.3_1094]</div><div class="ratingblock "><div class="ratingheader "></div><div class="ratingstars "><div id="article_rater_36" class="ratepost gdsr-starrating gdsr-size-20"><div class="starsbar gdsr-size-20"><div class="gdouter gdheight"><div id="gdr_vote_a36" style="width: 70px;" class="gdinner gdheight"></div><div id="gdr_stars_a36" class="gdsr_rating_as"><a id="gdsrX36X5X0XaXarticle_rater_36Xarticle_loader_36X47X20" title="5 / 5" class="s5" rel="nofollow"></a><a id="gdsrX36X4X0XaXarticle_rater_36Xarticle_loader_36X47X20" title="4 / 5" class="s4" rel="nofollow"></a><a id="gdsrX36X3X0XaXarticle_rater_36Xarticle_loader_36X47X20" title="3 / 5" class="s3" rel="nofollow"></a><a id="gdsrX36X2X0XaXarticle_rater_36Xarticle_loader_36X47X20" title="2 / 5" class="s2" rel="nofollow"></a><a id="gdsrX36X1X0XaXarticle_rater_36Xarticle_loader_36X47X20" title="1 / 5" class="s1" rel="nofollow"></a></div></div></div></div><div id="article_loader_36" style="display: none; width: 100px " class="ratingloaderarticle"><div class="loader snake " style="height: 20px"><div class="loaderinner">please wait...</div></div></div></div><div class="ratingtext "><div id="gdr_text_a36">3.5/<strong>5</strong> (4 votes )</div></div></div>                          
                </div> 
                <div id="description2">
                  <li>Views:</li> 
                  708
                    <li>Description</li> 
                    <p>Build a bridge using your mouse and available budget. When it is done click "Test your bridge". <br />Your workers will use it to get items located at the other side of valley, and bring them back to the shop. Your goal is to collect all items in level.<br /><br />For each level you have limited budget. All money that you won't use, become your score, so cheaper bridge = higher score. <br />Money collected in all levels of game will be your total score and will be sent to leader board. You will use those money in challenge mode too.<br /><br />Building tips:<br />* There are two types of bridge elemets: "walk" - workers can step on them, "connectors" - used only to connect elemets of the bridge, workers do not collide with them.<br />* "Connector" elements are cheaper and lighter so use them as much as you can<br />* Each type of item have different weight and some of them will need stronger bridge then others.<br />* At the begining of game only wood elements of bridge are available. In further levels, aditional materials will be accessible also, so use them wisely.</p>                    
                                   </ul> 
                    </div>
          </div> <!-- end description div --> 
</div> 
        
          <!--
          <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
            xmlns:dc="http://purl.org/dc/elements/1.1/"
            xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/">
        <rdf:Description rdf:about="http://www.okplaygo.com/puzzles/cargo-bridge/"
    dc:identifier="http://www.okplaygo.com/puzzles/cargo-bridge/"
    dc:title="Cargo Bridge"
    trackback:ping="http://www.okplaygo.com/puzzles/cargo-bridge/trackback/" />
</rdf:RDF>          --> 
                    <div id = "generalcomments"> 
<div id = "commentleft"> 
          <p id="review">Review <strong>Cargo Bridge</strong></p> 
     <form action="http://www.okplaygo.com/wp-comments-post.php" method="post" id="commentform"> 
                    <p><label for="author">Name  (*)</label><br /> 
          <input class = "texts" type="text" name="author" id="author" value="" size="40" tabindex="1" /></p> 
          <p><label for="email">Email Address(*)</label><br /> 
          <input class = "texts"  type="text" name="email" id="email" value="" size="40" tabindex="2" /></p> 
          <p><label for="url">Website</label><br /> 
          <input class = "texts"  type="text" name="url" id="url" value="" size="40" tabindex="3" /></p> 
                    <p><textarea  class = "texts"  name="comment" id="comment" cols="70" rows="10" tabindex="4"></textarea></p> 
          <p><input name="submit" type="submit" id="submit" tabindex="5" value="POST REVIEW" class = "sub_button" /> 
          <input type="hidden" name="comment_post_ID" value="36" /></p> 
               </form> 
     </div> <!-- end commentleft div --> 
<div id="commentright"> 
    <p id="review">No Reviews to <strong>Cargo Bridge</strong></p> 
    <ol class="commentlist"> 
        </ol> 
</div> <!-- end commentright div --> 
<div class = "clear"></div></div>     </div> <!-- end gamecontent div --> 
</div> <!-- end content div --> 
<div id="footer"> 
     An easy, simple and fast website you can play free games in.
     <div class="clear"></div> 
    <div id = "copy"></div> 
</div> <!-- end footer div --> 
<!-- 24823be3a1563dbd4719e829677ba348mochiads.com --> 
&lt;script type="text/javascript"> 
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-13204472-2']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script> 

</body> 
</html>
aki ta o novo CSS...nomeia ele como css.css ...blza? e deleta o antigo referente a esse aki
html, body {
height:auto;
overflow:inherit; /* triggers 100% height in Opera 9.5 */
background:#EFEFEF;
}
#content {
        width: 990px;
    margin: 0px auto;
        padding: 0px;
}
#gamecontent{    
     width: 990px;
     padding:0px;
}

.clear {
    clear:both;
    padding:0;
    margin:0;
}

#gameheader{
     position:relative
}

#gameleft{
     position:absolute; top:25%; 
     font:bold 24px verdana;
     color:#000000;        
     float:left;
     width: 200px;
}

#gameright{
     font:normal 11px verdana;     
     color:#000000;
     float:right;
     text-align:right;
}

#allgame{
position:relative;
max-width:104%;
height:100%;
border:5px solid #7A7A7A;
display: table;
margin: 10px auto;
background-color: #CECECE;
margin:10px auto;
overflow: hidden;
}

#allgamesub{
    border-collapse:separate;
    display: table-row;
    height: inherit;
}

/* flash container */    
#flash{       
     float: left;
     height: inherit;
     position:relative;
}

#description{  
     position:relative;
     float: left;
     width: 185px;  
     height: 100%;
     border-left:5px solid #7A7A7A;  
     text-align:left;
     color:#000000;  
}

#description2{  
     position:relative;
     float: left;
     width: 167px;  
     height: 520px;
     text-align:left;
     color:#000000;
     font:normal 9px verdana; 
     overflow: auto; 
}
/*hehe...esse description2 foi eu q criei pra poder supri a necessidade do overflow q não tava aparecendo... se quiser aumentar a fonte ou o conteudo do texto...vai funcionar de qualquer jeito...so coloquei dessa forma para se encaixar perfeitamente :D...mas ta arrumado viu man hehe :P */

CREIO EU...Q ESTE POST TÁ RESOLVIDO!

Editado por BetiN
Link para o comentário
Compartilhar em outros sites

  • 0

BetiN, obrigado por tentar ajudar, mas sua solução não é válida, afinal, você usou uma altura definida em pixels para a coluna da descrição,e esse tamanho deve variar em relação à altura do flash que abre na esquerda.

Preciso de uma solução que não envolva de forma alguma uma altura pré-definida. :/

Link para o comentário
Compartilhar em outros sites

  • 0

Tenta usar porcentagem então cara... acho q funciona...

tipo...a minha resolução mesmo ali não foi o tamanho da div... mas sim... q a div de descrição não pode ser junta com a do flash... tem q ser independente...e é necessario uma medida definida ...mesmo q em porcentagem... porque não tem como aplicar overflow sem essa medida determinada...

mas faz assim... caso não dê certo colocando %...

Deixa a div de descrição independente da do flash...porque esse é o problema saca?

...o q ta acontecendo ai...é problema de herança...dai tu coloca a altura da div igual a do flash...

mas o Interessante seria... criar uma DIV principal e determinar altura e largura para essa...dai você iria pegar e criar 2 divs dentro desta div principal ...uma para descrição outra para o Flash....e determinar as medidas em % relativas a DIV principal em q as 2 DIVS estão agrupadas...dai sim...não importaria o tamanho do FLASH ou da descrição..porque ambas iriam ser limitadas a obdecer a div principal como definição de tamanho e limite ...sendo estes valores definidos na DIV principal!

Editado por BetiN
Link para o comentário
Compartilhar em outros sites

  • 0

Bom, limitar um tamanho sem um valor pré-definido fica um pouco complicado.

Pelo menos um min ou max-height teria que ter.

No entanto, com javascript, você consegue capturar o tamanho de uma div, e assim montar a outra de acordo com essa.

Se estiver interessado, me responda que eu movo o tópico para lá.

Link para o comentário
Compartilhar em outros sites

  • 0

Tranquilo...pode ser q o eskema do FIT ai dê certo mesmo...

realmente...

mas acho q deixando as divs isoladas entre sí.... e associadas a uma div PAI...seria mais interessante e bem mais pratico... eu acho... dai ambas teriam a mesma herança... não teria erro pow... mas você q sabe... :D...

Link para o comentário
Compartilhar em outros sites

  • 0

BetiN, eu já testei essa estrutura também, uma div allgame contendo uma div flash(com o jogo) e uma div description, porém, ocorre a mesma coisa, na verdade esse formato atual já é posterior a essa estrutura mais simples que eu esperava já que funcionasse :/ .

FIT , pode mover o tópico para lá então, eu não me importo com a forma que eu encontre a solução, desde que encontre alguma, hehehe.

Obrigado por tentarem ajudar :) .

Link para o comentário
Compartilhar em outros sites

  • 0

Tranquilo cara...desculpa não ter ajuda com melhor eficácia... :S ... mas você vai ver... que com o JS vai conseguir...

Boa sorte fera :P

manda uma MP quando conseguir

se lembrar claro hehe...demro???

Editado por BetiN
Link para o comentário
Compartilhar em outros sites

  • 0

Fórum de javascript, meu tópico teve de ser movido pois não conseguimos resolver meu problema na base de CSS.

Meu problema pode ser visto nos seguintes links:

http://www.okplaygo.com/puzzles/furfur-and-nublo/

http://www.okplaygo.com/puzzles/cargo-bridge/

A questão é que a div relativa à descrição não está podendo herdar a altura da janela maior que é composta pelo flash + descrição.

Gostaria de saber se há alguma maneira de fazer isto por javascript.

PS: No Chrome o código atual funciona como quero, porém em todos os outros fica diferente.

Link para o comentário
Compartilhar em outros sites

  • 0

okplaygo, isso deve resolver no java script:

document.getElementById("description").style.height = (document.getElementById("allgame").offsetHeight - 10) + "px";

so lembra de colocar esse codigo DEPOIS da div allgame já estar fechada (e obviamente, dentro da tag script).

Link para o comentário
Compartilhar em outros sites

  • 0

Muito obrigado, Kuroi!

Isso já foi o suficiente para resolver o problema do link 1... porém, ele continua dando problema em jogos onde a altura da descrição é maior que a janela do flash... no caso, a intenção é de quando isso acontecer, aparecer a barra lateral de scroll, no chrome, o css referente a overflow em auto já faz com que isso funcione, mas por algum motivo nos outros browser isso não ocorre :/.

Link para o comentário
Compartilhar em outros sites

  • 0

então, acho q é o seguinte. o overflow (vertical) so vai funcionar se o height estiver setado. no chrome, se você não define o height, ele assume como o height o tamanho q o objeto ficou depois de carregada a pagina. mas no firefox, ele simplesmente entende q o height não foi setado (mesmo sabendo q o objeto tem tamanho).

pra resolver, no css, sete um height qualquer para a div #description.

ponha 100px q for, ou mesmo 10px, tanto faz, porque depois aquele codigo q eu passei no javascript vai ajeitar o tamanho no final. so tem q ser um tamanho q não ultrapasse o tamanho final q tera a div #allgame. tenta ai.

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152k
    • Posts
      651,7k
×
×
  • Criar Novo...