Subpáginas com CSS + JS

G-Gordo · Outubro 13, 2008

Olá pessoal do forum imasters, venho aqui mais uma vez pedir ajuda ou uma solução rs,bem andando pela internet eu achei um site massa e gostei do sistema dele,tentei até copiar o seu código fonte mais não fui muito feliz na minha pesquisa ¬¬,bem o site é esse http://www.festanet.com.br/layout/novo/ e o tão sistema que falo é o seguinte o todas as paginas do site é composta por uma unica pagina em html e as suas sub páginas são divs que ficam ivisiveis e quando se clica no menu elas carregam normalmente como se fossem outras páginas, eu fiquei interessado em saber como foi feito essa proeza ja que o site fica super leve e poupa excesso de paginas.

OBS: EU NÃO FIZ SPAM,EU POSTEI 2 VEZES EM LUGARES DIFERENTES POIS NÃO SABIA QUAL ERA O LUGAR CERTO PARA POSTAR "/

Mário Monteiro · Outubro 13, 2008

por hora segue este topico

o outro foi excluido

Buongiorno · Outubro 13, 2008

Olá G-Gordo!

Só pra dar um início:

<input type="button" value="Mostrar DIV 1" onclick="mostrar('dv01');">

<input type="button" value="Ocultar DIV 1" onclick="ocultar('dv01');"> 

<input type="button" value="Mostrar DIV 2" onclick="mostrar('dv02');">

<input type="button" value="Ocultar DIV 2" onclick="ocultar('dv02');"> 


<script>
function mostrar(loc)
{
document.getElementById(loc).style.visibility='visible';
}

function ocultar(loc)
{
document.getElementById(loc).style.visibility='hidden';
}
</script>

Precisa melhorar o javascript e usar o css para posicionar os divs e dar a eles um formato legal.

Buongiorno · Outubro 13, 2008

Desculpa, faltou um pedaço do código, aí está ele completo.

<div id="dv01" style="visibility:hidden;"><span>Olá mundo!</span></div>

<div id="dv02" style="visibility:hidden;"><span>Olá tudo bem?</span></div>

<br><br><br><br>

<input type="button" value="Mostrar DIV 1" onclick="mostrar('dv01');">

<input type="button" value="Ocultar DIV 1" onclick="ocultar('dv01');"> 

<input type="button" value="Mostrar DIV 2" onclick="mostrar('dv02');">

<input type="button" value="Ocultar DIV 2" onclick="ocultar('dv02');"> 

<script>
function mostrar(loc)
{
document.getElementById(loc).style.visibility='visible';
}

function ocultar(loc)
{
document.getElementById(loc).style.visibility='hidden';
}
</script>

G-Gordo · Outubro 13, 2008

Buongiorno muito obrigado pela sua ajuda,mais tipo esse codigo é pra quando eu clicar em uma a outra que esta presente sumir e a aparecer a div respectiva que eu cliquei certo.

ex:

1° www.meusite.com > abre o site com a div inicial que é a pagina principal do site.

2° um menu composto por 3 itens [inicial] [portifolio] [conta].

3° bem quando o usuario clica no 2° item do menu carrega uma div respectiva ao item que ele clicou e a pagina inicial some e so reaparece se o mesmo voltar a clica no 1° item do menu que é o item inicial.

Espero que tenha sido um pouco mais claro nesse meu breve exemplo http://forum.imasters.com.br/public/style_emoticons/default/grin.gif^^ mais obrigado mesmo pela sua ajuda http://forum.imasters.com.br/public/style_emoticons/default/grin.gif^^

G-Gordo · Outubro 13, 2008

me responderam em uma comunidade do orkut que isto é feito em ajax será isso mesmo possivel pessoal ?

Aprendiz CSS · Outubro 13, 2008

é isso mesmo, mas sugiro que você use include do php

dê uma pesquisa no forum de php que verá como é simples!

abraço

G-Gordo · Outubro 13, 2008

meu codigo em html ta mais ou menos assim:

<script>
function mostrar(loc)
{
document.getElementById(loc).style.visibility='visible';
}

function ocultar(loc)
{
document.getElementById(loc).style.visibility='hidden';
}
</script>
<style type="text/css">
#dv1{
	width: 490px;
	height: 395px;
	top:0px;
	left:18px;
	background:#00FF33;
	position: absolute;
	z-index: 1;
}
#dv2{
	width: 490px;
	height: 395px;
	top:0px;
	left:18px;
	background: #993300;
	position: absolute;
	z-index: 1;
}
#dv3{
	width: 490px;
	height: 20px;
	top:410px;
	left:18px;
	position: absolute;
	z-index: 1;
}
</style>
</head>
<body>
<div id="dv1" style="visibility:visible;"><span>Olá mundo!</span></div>

<div id="dv2" style="visibility:hidden;"><span>Olá tudo bem?</span></div>
<div id="dv3">
<input type="button" value="contato" onclick="mostrar('dv1'); ocultar('dv2');">
<input type="button" value="portifolio" onclick="mostrar('dv2'); ocultar('dv1');">
</div>
</div>
</body>
</html>

é parecido com isso que eu desejo rs

Guilherme Rambo · Outubro 14, 2008

Preste atenção ao conceito de separação de camadas que é uma das principais vantagens das Webstandards, porque diminui o acoplamento.

Seu javascript está inline e obstrutivo. O mesmo vale para seu CSS. Tome cuidado com isso.

E evite ao máximo utilizar javascript em funções vitais do seu site (como a navegação nas páginas).

[]'s

Aprendiz CSS · Outubro 14, 2008

E evite ao máximo utilizar javascript em funções vitais do seu site (como a navegação nas páginas).

G-Gordo você esta fazendo isso?

se sim, evite, ou ao menos deixe uma forma para navegação caso o Javascript esteja desabilitado!

abraço

G-Gordo · Outubro 14, 2008

G-Gordo você esta fazendo isso?

se sim, evite, ou ao menos deixe uma forma para navegação caso o Javascript esteja desabilitado!

abraço

não cara esse codigo foi que um mebro ali de sima postou e eu dei uma melhorada como exemplo de para alguem entendr e poder me ajudar me informaram que seria feito em ajax mais achei uma solução em ajax mais nao ta dando certo ou eu nao sei como usar ajax ja que nao manjo mto de ajax vo posta a solução,o meu erro com ela é os eguinte ela so mostra os testos contidos nas minhas subpaginas e nao alinha o css e se a pagina tiver arquivos js nao funciona nada.

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Testando Ajax</title>
<script type="text/javascript">
/*função básica para iniciar o uso do Ajax no site*/
function ajaxInit() {
var req;
try {
req = new ActiveXObject("Microsoft.XMLHTTP");
} catch(e) {
try {
req = new ActiveXObject("Msxml2.XMLHTTP");
} catch(ex) {
try {
req = new XMLHttpRequest();
} catch(exc) {
alert("Esse browser não tem recursos para uso do Ajax");
req = null;
}
}
}
return req;
}
function wmCarrega(webmorphos){
/* webmorphos é a variavel que recebe o link
seto a variável wmDiv pra receber o corpo da div conteúdo que irá receber os dados finais
isto serve apenas para facilitar a escrita, já que iremos repetir a div*/
var wmDiv = document.getElementById("conteudo");
ajax = ajaxInit(); /*Inicia o Ajax*/
ajax.open("GET", webmorphos, true); /*Envia a requisição ao servidor*/
ajax.onreadystatechange=function() {
/* readyState==1 Indica que está carregando, nessa hora que colocamos aquele Loading...*/
if (ajax.readyState==1){
wmDiv.innerHTML = "<p style=´text-decoration: blink;´>Carregando...</p>"; /*se preferir faça um gif piscando sei la*/
}
if (ajax.readyState==4){
/*readyState==4 Indica que está carregada a página*/
wmDiv.innerHTML = ajax.responseText; /*envia à div o conteúdo*/
}
}
ajax.send(null);
}
</script>
</head>
<body>
<p>Modelo simples de uma função bastante útil em Ajax</p>
<p>Links: <a href="java script:wmCarrega('empresa.html');">Esportes</a> :: <a href="java script: wmCarrega('home.html');">Piadas</a>
</p><p>A div abaixo receberá os dados ao clicar nos liks</p>
<div id="conteudo" style="border: 1px solid black; margin-top: 10px;">
</div>
</body>
</html>

Aprendiz CSS · Outubro 15, 2008

aqui está funcionado normalmente

dicas:

retire os espaços entre as palavras java e script

o conteudo de de home.html e de empresa.html

deve ser apenas o conteudo do body

pense que está utilizando includes para fazer isso

qualquer coisa

e quanto ao css pegar, o CSS paga sim, basta ter definido direitinho no arquivo de css

volte a postar

abraço

G-Gordo · Outubro 15, 2008

cara nao pega nao,por que o estilo css esta externo na outra pagina ele so pega se eu cloca na pagina que chama a outra pagina e nao na pagina que eh chamada

Aprendiz CSS · Outubro 15, 2008

poste aqui os arquivos de CSS e de HTML

Poste todos os arquivos!

abraço

G-Gordo · Outubro 15, 2008

eu to usando um site que ja produzi como teste em ajax pois se conseguir o ajax seria a minha salvação rs

Aprendiz CSS · Outubro 15, 2008

eu to usando um site que ja produzi como teste em ajax pois se conseguir o ajax seria a minha salvação rs

poste os arquivos para vermos melhor e te ajudar!

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

G-Gordo · Outubro 15, 2008

css principal da pagina empresa html

body {
	margin: 0px auto;
	text-align:center;
	background: #020204 url(layout/bg_speed_site3.jpg) center top no-repeat;
	font-family: Verdana;
	font-size: 12px;
	color: #FFFFFF;
}
#corpo {
	margin: 30px auto;
	text-align: left;
	width: 754px;
	height: 701px;
	z-index: 1;
}
#logo{
	background:url(layout/logo.png);
	width: 750px;
	height: 123px;
	top:0px;
	left:0px;
	position: relative;
	z-index: 1;
}
#logo_link{
	width: 415px;
	height: 100px;
	top:16px;
	left:148px;
	position: absolute;
	display:block;
	z-index: 1;
}
#logo_link a{
	width: 415px;
	height: 100px;
	display:block;
	z-index: 1;
}
#logo span {
display:none;
}
#conteudo{
	width: 527px;
	height: 577px;
	top:0px;
	left:0px;
	position: relative;
	z-index: 1;
}
#conteudo_menu{
	width: 223px;
	height: 577px;
	float:right;
	top:123px;
	left:527px;
	position: absolute;
	z-index: 1;
}
#conteudo_top{
	background:url(layout/up_body.png);
	width: 527px;
	height: 26px;
	top:0px;
	left:0px;
	position: relative;
	z-index: 1;
}
#conteudo_right{
	background:url(layout/right_body.png);
	width: 22px;
	height: 519px;
	top:0px;
	left:0px;
	position: relative;
	z-index: 1;
}
#conteudo_left{
	background:url(layout/left_body.png);
	width: 18px;
	height: 519px;
	top:26px;
	left:505px;
	position: absolute;
	z-index: 1;
}
#conteudo_down{
	background:url(layout/down_body.png);
	width: 527px;
	height: 32px;
	top:0px;
	left:0px;
	position: relative;
	z-index: 1;
}
#conteudo_body{
	background:url(layout/body_bg.png);
	width: 487px;
	height: 519px;
	top:26px;
	left:18px;
	position: absolute;;
	z-index: 1;
}
#conteudo_top_menu{
	background:url(layout/up_menu.png);
	width: 223px;
	height: 28px;
	top:0px;
	left:0px;
	position: relative;
	z-index: 1;
}
#conteudo_right_menu{
	background:url(layout/right_menu.png);
	width: 18px;
	height: 513px;
	top:0px;
	left:0px;
	position: relative;
	z-index: 1;
}
#conteudo_left_menu{
	background:url(layout/left_menu.png);
	width: 22px;
	height: 513px;
	top:28px;
	left:201px;
	position: absolute;
	z-index: 1;
}
#conteudo_down_menu{
	background:url(layout/down_menu.png);
	width: 223px;
	height: 36px;
	top:0px;
	left:0px;
	position: relative;
	z-index: 1;
}
#conteudo_body_menu{
	background:url(layout/menu_bg.png);
	width: 183px;
	height: 513px;
	top:28px;
	left:18px;
	position: absolute;;
	z-index: 1;
}
#impressora{
	background:url(layout/impressora.png);
	width: 183px;
	height: 136px;
	top:406px;
	left:18px;
	position: absolute;;
	z-index: 1;
}
#menu_body{
	width: 128px;
	height: 177px;
	top:0px;
	left:27px;
	position: absolute;;
	z-index: 1;
}
#mn_quem_somos{
	width: 101px;
	height: 26px;
	top:0px;
	left:0px;
	position: relative;;
	z-index: 1;
}
#mn_quem_portifolio{
	width: 87px;
	height: 23px;
	top:0px;
	left:0px;
	position: relative;;
	z-index: 1;
}
#mn_quem_preços{
	width: 83px;
	height: 27px;
	top:0px;
	left:0px;
	position: relative;;
	z-index: 1;
}
#mn_quem_impressao{
	width: 119px;
	height: 26px;
	top:0px;
	left:0px;
	position: relative;;
	z-index: 1;
}
#mn_quem_localizaçao{
	width: 110px;
	height: 27px;
	top:0px;
	left:0px;
	position: relative;;
	z-index: 1;
}
#mn_quem_contato{
	width: 126px;
	height: 23px;
	top:0px;
	left:0px;
	position: relative;;
	z-index: 1;
}
#mn_quem_enviat_design{
	width: 128px;
	height: 27px;
	top:0px;
	left:0px;
	position: relative;;
	z-index: 1;
}
#rodape {
	width: 490px;
	height: 60px;
	top:483px;
	left:17px;
	text-align:center;
	position: absolute;;
	border-top: 1px dashed;	
	z-index: 1;
}
#chamadas {
	width: 490px;
	height: 49px;
	top:25px;
	left:18px;
	position: absolute;;
	border-bottom: 1px dashed;
	z-index: 1;
}
#conteudo_center{
	width: 490px;
	height: 395px;
	top:80px;
	left:18px;
	position: absolute;
	z-index: 1;
}
#logomix {
	float: left;
	background-image: url(layout/mix_logo.png);
	width: 166px;
	height: 49px;
	top:21px;
	left:45px;
	position: absolute;
	z-index: 1;
}

G-Gordo · Outubro 15, 2008

pagina em html completa da pagina empresa.hmtl

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>..:: Speed Print ::.. Um mundo de cores para você!</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script defer type="text/javascript" src="pngfix.js"></script>
<link href="corpo.css" rel="stylesheet" type="text/css">

<script type="text/JavaScript">
<!--
function MM_swapImgRestore() { //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_preloadImages() { //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_findObj(n, d) { //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() { //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 onLoad="MM_preloadImages('layout/quem_f2.png', 'layout/port_f2.png', 'layout/preco.png', 'layout/impre_f2.png', 'layout/loca_f2.png', 'layout/cont_f2.png', 'layout/envia_f2.png')">
<div id="corpo">
  <div id="logo"> <a  target="body" href="home.html" > <span> Speed Print </span> </a>
	  <div id="conteudo_menu">
		<div id="conteudo_top_menu"></div>
		<div id="conteudo_right_menu"></div>
		<div id="conteudo_left_menu"></div>
		<div id="conteudo_body_menu">
		  <div id="menu_body">
			<div id="mn_quem_somos"><a target="body" href="empresa.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','layout/quem_f2.png',1)"><img src="layout/quem.png" name="Image1" width="101" height="26" border="0"></a> </div>
			<div id="mn_quem_portifolio"><a target="body" href="portifolio.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','layout/port_f2.png',1)"><img src="layout/port.png" name="Image2" width="87" height="23" border="0"></a></div>
			<div id="mn_quem_preços"><a target="body" href="servicos.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','layout/preco_f2.png',1)"><img src="layout/preco.png" name="Image3" width="83" height="27" border="0"></a></div>
			<div id="mn_quem_impressao"><a target="body" href="mapa.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','layout/impre_f2.png',1)"><img src="layout/impre.png" name="Image4" width="119" height="26" border="0"></a></div>
			<div id="mn_quem_localizaçao"><a target="body" href="http://maps.google.com.br/maps/ms?f=q&hl=pt-BR&geocode=&ie=UTF8&msa=0&msid=100896858054098092856.000458c3474e10bd8725a&ll=-22.864669,-43.446765&spn=0.010815,0.013819&output=embed&s=AARTsJrpyjbA9-ce2d5308A_gXIZGmJkag" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','layout/loca_f2.png',1)"><img src="layout/loca.png" name="Image5" width="110" height="27" border="0"></a></div>
			<div id="mn_quem_contato"><a target="body" href="contato/1.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','layout/cont_f2.png',1)"><img src="layout/cont.png" name="Image6" width="126" height="23" border="0"></a></div>
			<div id="mn_quem_enviat_design"><a target="body" href="enviar.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','layout/envia_f2.png',1)"><img src="layout/envia.png" name="Image7" width="128" height="27" border="0"></a></div>
		  </div>
		</div>
		<div id="impressora"></div>
		<div id="conteudo_down_menu">
		  <div id="logomix"></div>
		</div>
	  </div>
	<div id="logo_link"><a target="body" href="home.html" > <span> Speed Print </span> </a> </div>
  </div>
  <div id="conteudo">
	<div id="conteudo_top"></div>
	<div id="conteudo_right"></div>
	<div id="conteudo_left"></div>
	<div id="conteudo_down"></div>
	<div id="conteudo_body"></div>
	<div id="rodape">
	  <p>© 2008 Gráfica Speed Print. Todos os Direitos reservados.<br>
		Rua Antônio Manfrenatti,  82 - Padre Miguel - Rio de janeiro - RJ <br>
		Tel.(21) 3337-9644/3337-9827 <br>
		contato@speedprint.com.br<br>
	  </p>
	</div>
	<div id="chamadas">
	  <marquee direction="left" loop="true" scrollamount="4" height="49" width="490">
		<p>Canetas promocionais para brindes de fim de ano à partir de R$0,40.
	  </marquee>
	</div>
	<div id="conteudo_center">
	<iframe src="home.html" frameborder="0" scrolling="no" width="490" height="395" name="body"></iframe>
	</div>
  </div>
</div>
</body>
</html>

G-Gordo · Outubro 15, 2008

codigo do iframe que fica dentro da index que tbm nao abre no ajax rs

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
body {
	margin: 0px;
	font-family: Verdana;
	font-size: 12px;
	color: #FFFFFF;
}
#conteiner {
	margin: 0px;
	text-align: left;
	width: 490px;
	height: 390px;
	z-index: 1;
}
#imagens_index{
	width: 490px;
	height: 130px;
	top:125px;
	left:1px;
	border-bottom: 1px dashed;
	position: absolute;
	z-index: 1;
}
#brindes_index{
	background:url(layout/brindes_index.png);
	width: 130px;
	height: 100px;
	top:0px;
	left:0px;
	position: absolute;
	z-index: 1;
}
#cartoes_index{
	background:url(layout/cartoes_index.png);
	width: 130px;
	height: 100px;
	top:0px;
	left:177px;
	position: absolute;
	z-index: 1;
}
#convites_index{
	background:url(layout/convites_index.png);
	width: 130px;
	height: 100px;
	top:0px;
	left:357px;
	position: absolute;
	z-index: 1;
}
</style>
</head>
<body>
<div id="conteiner">
A Grafíca Speed Print oferece serviços personalizados para sua empresa, sempre comprometida em disponibilizar a mais alta qualidade em serviços gráficos, com eficiência e custos acessíveis. O acabamento dos nossos serviços é um momento dos mais importantes nos trabalhos, é tratado com toda a dedicação.
	  O nosso controle de qualidade exigente deve ser destacado. E está presente em cada etapa do trabalho, visando a nossa qualidade. Confira os nossos produtos e serviços oferecidos pela Speed Print e bons negócios.
	  <div id="imagens_index">
		<div id="brindes_index"></div>
		<div id="cartoes_index"></div>
		<div id="convites_index"></div>
	  </div>
</div>
</body>
</html>

G-Gordo · Outubro 15, 2008

o css só funciona na pagina empresa só se eu usar isto na pagina que comtem o ajax.

<style type="text/css">
<!--
@import url("speed/corpo.css");
-->
</style>

Arquivado

Subpáginas com CSS + JS

Recommended Posts

G-Gordo 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Mário Monteiro 179

Compartilhar este post

Link para o post

Compartilhar em outros sites

Buongiorno 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Buongiorno 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

G-Gordo 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

G-Gordo 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Aprendiz CSS 3

Compartilhar este post

Link para o post

Compartilhar em outros sites

G-Gordo 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Guilherme Rambo 4

Compartilhar este post

Link para o post

Compartilhar em outros sites

Aprendiz CSS 3

Compartilhar este post

Link para o post

Compartilhar em outros sites

G-Gordo 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Aprendiz CSS 3

Compartilhar este post

Link para o post

Compartilhar em outros sites

G-Gordo 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Aprendiz CSS 3

Compartilhar este post

Link para o post

Compartilhar em outros sites

G-Gordo 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Aprendiz CSS 3

Compartilhar este post

Link para o post

Compartilhar em outros sites

G-Gordo 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

G-Gordo 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

G-Gordo 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

G-Gordo 0