Diseño de página web que se ajusta a la ventana del IE

Rita Bbaa · 10 Sep 2004

Hola a todos.

Espero que me puedan contestar a mi pregunta. Me ha impresionado mucho esta web y una de las cosas, es la forma en la que se ajusta a la ventana del explorador de windows ya sea del tamaño que sea.

<a href="http://www.thewebmachine.com" target="_blank">http://www.thewebmachine.com</a>

¿Alguien puede decirme como se hace esto?

Un saludo.

Anunciante

otherme · 10 Sep 2004

hola...

pues entre otras cosas.. que esa web esta trabajada en frames e Iframes
y lo que hacen es trabajar tablas con las medidas en porcentajes..

por ejemplo el encabezado.. tiene una tabla con celdas a valores absolutos.. pero la ultima celda debe ser una en porcentaje.. que se yoo.. al 100% entonces.. toma el 100 del espacio libre disponible..

por lo menos eso es lo que creo que sucede alli...

por lo menos asi ya puedes investigar un poquito sobre las medidas de las tablas..

suerte y saludes..

Otherme

Rita Bbaa · 10 Sep 2004

Muchas gracias, seguiré investigando como me dices. :wink:

obi-alf · 11 Sep 2004

Me imagino que te refieres a los scrolls porque a mi no se me ajusta nada más que eso.
Como te ha dicho otherme eso lo puedes hacer con iframes que son para entendernos una especie de mezcla entre frame y capa (layer).
El código sería asi:
<span style="color:white">(IFRAME src="pagina-de-carga.html" name="como-quieras-llamarla" width="600" height="250" frameborder="0")(/IFRAME)
esto lo puedes incluir dentro de una etiqueta (td)(/td).</span>

Sustituye los () por <>

Si quieres ampliar algo más el tema o no entiendes algo, no dudes en preguntarme por el post que has abierto.

Saludos

okjoss · 11 Sep 2004

oye pues si me permite obi alf, quiero preguntar!

como hace con la imagen de la celda que se estira? es una imagen de fondo? pero si es asi.... como es que la esquina del cuadro (donde esta el contenido... se queda en su sitio?

saludos!

Rizuh · 11 Sep 2004

Okjoss, si te refieres a la cabecera verás en el código fuente de la página que el autor a adjudicado a ese marco (llamado "topSpace") los atributos scrolling=no y noresize, de modo que por mucho que modifiques las dimensiones de la ventana el contenido del marco no se reajusta ni aparecen barras de desplazamiento. En cuanto a Luisa, creo que se refiere al texto del marco principal ("main"), que se reajusta al tamaño de la ventana, eso siempre ocurre con el texto y las tablas, hasta que tropezamos con una imagen que el navegador ya no puede recolocar y aparecen las barras de desplazamiento (en este caso es el banner de "revolution hosting').

Rita Bbaa · 12 Sep 2004

Hola a todos!!!

Pues gracias obi-alf por el código. Voy a ponerme a probar con el Dreamweaver a ver que sale. Mañana te cuento pues entre ayer y hoy me tocó ir a currar. Hoy entre solo un segundo y tengo que salir corriendo.

Rizu exactamente me referí a la forma que tiene la web de ajustarse al navegador en las barras azul y roja que encierran los contenidos de la web. Yo se que los textos se ajustan siempre al navegador, lo que no aclaré sobre esto porque pensé que era obvio ya que la web impresiona por ese detalle :shock: . O al menos me impresionó a mi.

Saludos.

Rizuh · 12 Sep 2004

¡Acabáramos, Luisa! Ahora ya sé a qué te refieres.

<img src="http://img.photobucket.com/albums/v134/kingfastick/ventanascopy.jpg" border="0" alt="Imagen IPB" />

Aquí puedes ver la división en frames que ha hecho el autor (código:frameset rows='120,*,20' border=0 frameborder='no' framespacing='0' y frameset cols='20,146,38,*,20' border=0 frameborder='no'), de modo que las barras laterales de las ventanas son frames que permanecen mientras encoges la ventana, mientras que las barras superior e inferior supongo -no tengo el código- que son varias celdas con algo de texto e imágenes de fondo, por eso se cierran junto con la ventana hasta que tropiezan con el texto, ahí no puede recolocarlo y se descuadran (compruébalo cerrando mucho la ventana) Lo que no sé cómo ha hecho para que las barras tengan relieve, desde luego es un buen trabajo, me gustaría tener todo el código. Bueno, espero haberte ayudado, saluditos.

PD: Aún no he visto nada tuyo por aquí :twisted: :twisted: :wink:

Rita Bbaa · 16 Sep 2004

Pues que interesante!!!

Ya veo como es el tema. Gracias Rizu.

He estado un poco ocupada por el inicio de las clases y el trabajo. Todo me ha venido a la vez. Cosas de empresa que se me juntó con la escuela, pero en fin ¿que puede pedir el empleado?

El iframe no es muy utilizado, pero en este caso lo han hecho y muy bien. Me interesaba saber como era el tema pues estoy haciendo mi web con iframes, aunque el diseño es completamente diferente y no se ajustará a la imagen ni nada parecido, pero siempre es bueno saber como se hacen trabajos tan originales como este.

Y Rizu no te preocupes, soy un poco perezosa para subir nada a la web, pero por ti, me voy a poner las pilas mira tú por donde. Vas a tener la oportunidad de darte gusto en criticarme. :twisted:

Gracias por la ayuda.

Saludos.

tripiyon · 16 Sep 2004

Básicamente es lo que te han dicho Otherme y Obi, yo estoy trabajando una página que reacciona igual que esa, y lo que he hecho es a la cabecera darle una medida fija (por ejemplo "width=700") en la tabla principal, y al resto de tablas les he dado a todas "width=100%".
Un saludo

Rizuh · 17 Sep 2004

Chicos, yo no es por llevar la contraria, pero tras repasar el código de la página de marcos y el de las páginas contenidas en ellos, no veo i-frames por ningún lado; tengo todo el código, por si alguien quiere echarle un vistazo. Todo está maquetado con frames y con tablas, concretamente el de la cabecera es el que sigue: <div class='codetop'>CÓDIGO</div><div class='codemain'><BODY onload="CSScriptInit();preloadImages();" background="red/background.gif" BGCOLOR=#FFFFFF leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">

<TABLE WIDTH=680 BORDER=0 CELLPADDING=0 CELLSPACING=0>

    <TR>

 <TD>

     <IMG SRC="red/rednavigation_01.gif" WIDTH=49 HEIGHT=39 ALT=""></TD>

 <TD>

     <IMG SRC="red/rednavigation_02.gif" WIDTH=102 HEIGHT=39 ALT=""></TD>

 <TD>

     <IMG SRC="red/rednavigation_03.gif" WIDTH=99 HEIGHT=39 ALT=""></TD>

 <TD>

     <IMG SRC="red/rednavigation_04.gif" WIDTH=100 HEIGHT=39 ALT=""></TD>

 <TD>

     <IMG SRC="red/rednavigation_05.gif" WIDTH=100 HEIGHT=39 ALT=""></TD>

 <TD>

     <IMG SRC="red/rednavigation_06.gif" WIDTH=102 HEIGHT=39 ALT=""></TD>

 <TD>

     <IMG SRC="red/rednavigation_07.gif" WIDTH=98 HEIGHT=39 ALT=""></TD>

 <TD>

     <IMG SRC="red/rednavigation_08.gif" WIDTH=30 HEIGHT=39 ALT=""></TD>

    </TR>

    <TR>

 <TD>

     <IMG SRC="red/rednavigation_09.gif" WIDTH=49 HEIGHT=37 ALT=""></TD>

 <TD>

     <IMG SRC="red/rednavigation_10.gif" WIDTH=102 HEIGHT=37 ALT=""></TD>

 <TD>

     <IMG SRC="red/rednavigation_11.gif" WIDTH=99 HEIGHT=37 ALT=""></TD>

 <TD>

     <IMG SRC="red/rednavigation_12.gif" WIDTH=100 HEIGHT=37 ALT=""></TD>

 <TD>

     <IMG SRC="red/rednavigation_13.gif" WIDTH=100 HEIGHT=37 ALT=""></TD>

 <TD>

     <IMG SRC="red/rednavigation_14.gif" WIDTH=102 HEIGHT=37 ALT=""></TD>

 <TD>

     <IMG SRC="red/rednavigation_15.gif" WIDTH=98 HEIGHT=37 ALT=""></TD>

 <TD>

     <IMG SRC="red/rednavigation_16.gif" WIDTH=30 HEIGHT=37 ALT=""></TD>

    </TR>

    <TR>

 <TD><a onclick="CSAction(new Array(/*CMP*/'B5798021',/*CMP*/'B5D77B15',/*CMP*/'B5DB4686',/*CMP*/'B62613E15',/*CMP*/'B65F7FD22',/*CMP*/'B6999D732',/*CMP*/'B70056A45',/*CMP*/'B74939F59'));return CSClickReturn();CSAction(new Array(/*CMP*/'B5798021',/*CMP*/'B5D77B15',/*CMP*/'B5DB4686',/*CMP*/'B62613E15',/*CMP*/'B65F7FD22',/*CMP*/'B6999D732',/*CMP*/'B70056A45',/*CMP*/'B74939F59'));return false" onmousedown="changeImages( /*CMP*/'ho',/*URL*/'red/over_home.gif');return true" onmouseup="changeImages( /*CMP*/'ho',/*URL*/'red/over_home.gif');return true" onmouseover="changeImages( /*CMP*/'ho',/*URL*/'red/over_home.gif');return true" onmouseout="changeImages( /*CMP*/'ho',/*URL*/'red/rednavigation_17.gif');return true" href="#" csclick="B5798021,B5D77B15,B5DB4686,B62613E15,B65F7FD22,B6999D732,B70056A45,B74939F59"><IMG SRC="red/rednavigation_17.gif" name="ho" WIDTH=49 HEIGHT=20 ALT="" border="0"></a></TD>

 <TD><a onclick="CSAction(new Array(/*CMP*/'B59AF9F2',/*CMP*/'B5E0A457',/*CMP*/'B5E2AA98',/*CMP*/'B622F7214',/*CMP*/'B66218823',/*CMP*/'B69BC4E33',/*CMP*/'B7025D846',/*CMP*/'B74B4CB60'));return CSClickReturn();CSAction(new Array(/*CMP*/'B59AF9F2',/*CMP*/'B5E0A457',/*CMP*/'B5E2AA98',/*CMP*/'B622F7214',/*CMP*/'B66218823',/*CMP*/'B69BC4E33',/*CMP*/'B7025D846',/*CMP*/'B74B4CB60'));return false" onmouseover="changeImages( /*CMP*/'rednavigation_18',/*URL*/'red/over_illustrator.gif');return true" onmouseout="changeImages( /*CMP*/'rednavigation_18',/*URL*/'red/rednavigation_18.gif');return true" href="../illustrator/illustrator.html" target="main" csclick="B59AF9F2,B5E0A457,B5E2AA98,B622F7214,B66218823,B69BC4E33,B7025D846,B74B4CB60"><IMG SRC="red/rednavigation_18.gif" name="rednavigation_18" WIDTH=102 HEIGHT=20 ALT="" border="0"></a></TD>

 <TD><a onclick="CSAction(new Array(/*CMP*/'B60F02910',/*CMP*/'B61157A11',/*CMP*/'B61397712',/*CMP*/'B616AB813',/*CMP*/'B664E5224',/*CMP*/'B69DD8434',/*CMP*/'B70495347',/*CMP*/'B74F80A61'));return CSClickReturn();return false" onmouseover="changeImages( /*CMP*/'rednavigation_19',/*URL*/'red/over_photoshop.gif');return true" onmouseout="changeImages( /*CMP*/'rednavigation_19',/*URL*/'red/rednavigation_19.gif');return true" href="#" csclick="B60F02910,B61157A11,B61397712,B616AB813,B664E5224,B69DD8434,B70495347,B74F80A61"><IMG SRC="red/rednavigation_19.gif" name="rednavigation_19" WIDTH=99 HEIGHT=20 ALT="" border="0"></a></TD>

 <TD><a onclick="CSAction(new Array(/*CMP*/'B6500CC17',/*CMP*/'B65232E18',/*CMP*/'B65599819',/*CMP*/'B65832420',/*CMP*/'B65A9A221',/*CMP*/'B6A101835',/*CMP*/'B708BB548',/*CMP*/'B751C3962'));return CSClickReturn();CSAction(new Array(/*CMP*/'B6500CC17',/*CMP*/'B65232E18',/*CMP*/'B65599819',/*CMP*/'B65832420',/*CMP*/'B65A9A221',/*CMP*/'B6A101835',/*CMP*/'B708BB548',/*CMP*/'B751C3962'));return false" onmouseover="changeImages( /*CMP*/'rednavigation_20',/*URL*/'red/over_imageready.gif');return true" onmouseout="changeImages( /*CMP*/'rednavigation_20',/*URL*/'red/rednavigation_20.gif');return true" href="#" csclick="B6500CC17,B65232E18,B65599819,B65832420,B65A9A221,B6A101835,B708BB548,B751C3962"><IMG SRC="red/rednavigation_20.gif" name="rednavigation_20" WIDTH=100 HEIGHT=20 ALT="" border="0"></a></TD>

 <TD><a onclick="CSAction(new Array(/*CMP*/'B68767C26',/*CMP*/'B68963F27',/*CMP*/'B68B82A28',/*CMP*/'B68ED5D29',/*CMP*/'B69406A31',/*CMP*/'B6AC6B436',/*CMP*/'B70AB4749',/*CMP*/'B7544FC63'));return CSClickReturn();CSAction(new Array(/*CMP*/'B68767C26',/*CMP*/'B68963F27',/*CMP*/'B68B82A28',/*CMP*/'B68ED5D29',/*CMP*/'B69406A31',/*CMP*/'B6AC6B436',/*CMP*/'B70AB4749',/*CMP*/'B7544FC63'));return false" onmouseover="changeImages( /*CMP*/'rednavigation_21',/*URL*/'red/over_livemotion.gif');return true" onmouseout="changeImages( /*CMP*/'rednavigation_21',/*URL*/'red/rednavigation_21.gif');return true" href="#" csclick="B68767C26,B68963F27,B68B82A28,B68ED5D29,B69406A31,B6AC6B436,B70AB4749,B7544FC63"><IMG SRC="red/rednavigation_21.gif" name="rednavigation_21" WIDTH=100 HEIGHT=20 ALT="" border="0"></a></TD>

 <TD><a onclick="CSAction(new Array(/*CMP*/'B6ED82938',/*CMP*/'B6EFB6839',/*CMP*/'B6F259D40',/*CMP*/'B6F475641',/*CMP*/'B6F6C1142',/*CMP*/'B6F92A443',/*CMP*/'B6FAF6444',/*CMP*/'B758B8464'));return CSClickReturn();CSAction(new Array(/*CMP*/'B6ED82938',/*CMP*/'B6EFB6839',/*CMP*/'B6F259D40',/*CMP*/'B6F475641',/*CMP*/'B6F6C1142',/*CMP*/'B6F92A443',/*CMP*/'B6FAF6444',/*CMP*/'B758B8464'));return false" onmouseover="changeImages( /*CMP*/'rednavigation_22',/*URL*/'red/over_golive.gif');return true" onmouseout="changeImages( /*CMP*/'rednavigation_22',/*URL*/'red/rednavigation_22.gif');return true" href="#" csclick="B6ED82938,B6EFB6839,B6F259D40,B6F475641,B6F6C1142,B6F92A443,B6FAF6444,B758B8464"><IMG SRC="red/rednavigation_22.gif" name="rednavigation_22" WIDTH=102 HEIGHT=20 ALT="" border="0"></a></TD>

 <TD><a onclick="CSAction(new Array(/*CMP*/'B7312C551',/*CMP*/'B7359D052',/*CMP*/'B737B6A53',/*CMP*/'B73997F54',/*CMP*/'B73BE0955',/*CMP*/'B73DA5B56',/*CMP*/'B73F6CB57',/*CMP*/'B74139658'));return CSClickReturn();CSAction(new Array(/*CMP*/'B7312C551',/*CMP*/'B7359D052',/*CMP*/'B737B6A53',/*CMP*/'B73997F54',/*CMP*/'B73BE0955',/*CMP*/'B73DA5B56',/*CMP*/'B73F6CB57',/*CMP*/'B74139658'));return false" onmouseover="changeImages( /*CMP*/'rednavigation_23',/*URL*/'red/over_combo.gif');return true" onmouseout="changeImages( /*CMP*/'rednavigation_23',/*URL*/'red/rednavigation_23.gif');return true" href="#" csclick="B7312C551,B7359D052,B737B6A53,B73997F54,B73BE0955,B73DA5B56,B73F6CB57,B74139658"><IMG SRC="red/rednavigation_23.gif" name="rednavigation_23" WIDTH=98 HEIGHT=20 ALT="" border="0"></a></TD>

 <TD>

     <IMG SRC="red/rednavigation_24.gif" WIDTH=30 HEIGHT=20 ALT=""></TD>

    </TR>

    <TR>

 <TD>

     <IMG SRC="red/rednavigation_25.gif" WIDTH=49 HEIGHT=8 ALT=""></TD>

 <TD>

     <IMG SRC="red/rednavigation_26.gif" WIDTH=102 HEIGHT=8 ALT=""></TD>

 <TD>

     <IMG SRC="red/rednavigation_27.gif" WIDTH=99 HEIGHT=8 ALT=""></TD>

 <TD>

     <IMG SRC="red/rednavigation_28.gif" WIDTH=100 HEIGHT=8 ALT=""></TD>

 <TD>

     <IMG SRC="red/rednavigation_29.gif" WIDTH=100 HEIGHT=8 ALT=""></TD>

 <TD>

     <IMG SRC="red/rednavigation_30.gif" WIDTH=102 HEIGHT=8 ALT=""></TD>

 <TD>

     <IMG SRC="red/rednavigation_31.gif" WIDTH=98 HEIGHT=8 ALT=""></TD>

 <TD>

     <IMG SRC="red/rednavigation_32.gif" WIDTH=30 HEIGHT=8 ALT=""></TD>

    </TR>

</TABLE>

 <table width="100%" border="0" cellspacing="0" cellpadding="0">

     <tr>

   <td width="20">

       <div align="right">

     <img src="red_frames/top_left.gif" alt="" height="18" width="17" border="0"></div>

   </td>

   <td width="146" background="red_frames/top.gif">

       <div align="right">

     <img src="misc_img/menu_title.gif" alt="" height="18" width="31" border="0"></div>

   </td>

   <td width="38"><img src="misc_img/top_middle.gif" alt="" height="18" width="38" border="0"></td>

   <td background="blue_frame/top.gif"><img src="misc_img/main_title.gif" alt="" height="18" width="29" border="0"></td>

   <td width="20"><img src="blue_frame/top_right.gif" alt="" height="18" width="17" border="0"></td>

     </tr>

 </table>

 <div id="home">

     <a onclick="CSAction(new Array(/*CMP*/'B5B06073',/*CMP*/'B5B2DDA4',/*CMP*/'BD30F051'));return CSClickReturn();" href="#" target="main" csclick="B5B06073,B5B2DDA4,BD30F051"><img src="red/active_home.gif" alt="" height="20" width="49" border="0"></a></div>

 <div id="illustrator">

     <a href="../illustrator/illustrator.html" target="main"><img src="red/active_illustrator.gif" alt="" height="20" width="102" border="0"></a></div>

 <div id="photoshop">

     <a onclick="CSAction(new Array(/*CMP*/'B6044A99'));return CSClickReturn();" href="#" csclick="B6044A99"><img src="red/active_photoshop.gif" alt="" height="20" width="99" border="0"></a></div>

 <div id="imageready">

     <a onclick="CSAction(new Array(/*CMP*/'B63EF6F16'));return CSClickReturn();" href="#" csclick="B63EF6F16"><img src="red/active_imageready.gif" alt="" height="20" width="100" border="0"></a></div>

 <div id="livemotion">

     <a onclick="CSAction(new Array(/*CMP*/'B67BD6925'));return CSClickReturn();" href="#" csclick="B67BD6925"><img src="red/active_livemotion.gif" alt="" height="20" width="100" border="0"></a></div>

 <div id="golive">

     <a onclick="CSAction(new Array(/*CMP*/'B6DDA4837'));return CSClickReturn();" href="#" csclick="B6DDA4837"><img src="red/active_golive.gif" alt="" height="20" width="102" border="0"></a></div>

 <div id="combo">

     <a onclick="CSAction(new Array(/*CMP*/'B72775A50'));return CSClickReturn();" href="#" csclick="B72775A50"><img src="red/active_combo.gif" alt="" height="20" width="98" border="0"></a></div>

    </BODY>

</div>

kitsch · 17 Sep 2004

Mas claro creo que no se puede, buen trabajo Rizu.

Rita Bbaa · 17 Sep 2004

<div class='quotetop'>CITA(kitsch)</div><div class='quotemain'>Mas claro creo que no se puede, buen trabajo Rizu.</div>

Ya, eso para mi es chino jajajajajaja. Rizu gracias, pero como te pille Tripi agrandando el formato del foro la llevas clara. (es bromita) jejeje.

Si que está complejo esto de los códigos. Yo todavía lo llevo en etapa de aprendizaje.

Un saludo.

Rizuh · 17 Sep 2004

<div class='quotetop'>CITA(Luisa_114)</div><div class='quotemain'>Ya, eso para mi es chino jajajajajaja.</div>

Pues mira, yo que domino un poco el chino (pero sólo el mandarín) te lo traduzco .

<img src="http://img.photobucket.com/albums/v134/kingfastick/ventanas2.jpg" border="0" alt="Imagen IPB" />

El trozo de código que termina de responder a tu pregunta es este:

<div class='codetop'>CÓDIGO</div><div class='codemain'> <table width="100%" border="0" cellspacing="0" cellpadding="0">

        <tr>

           <td width="20">

              <div align="right">

                 <img src="red_frames/top_left.gif" alt="" height="18" width="17" border="0"></div>

           </td>

           <td width="146" background="red_frames/top.gif">

              <div align="right">

                 <img src="misc_img/menu_title.gif" alt="" height="18" width="31" border="0"></div>

           </td>

           <td width="38"><img src="misc_img/top_middle.gif" alt="" height="18" width="38" border="0"></td>

           <td background="blue_frame/top.gif"><img src="misc_img/main_title.gif" alt="" height="18" width="29" border="0"></td>

           <td width="20"><img src="blue_frame/top_right.gif" alt="" height="18" width="17" border="0"></td>

        </tr>

     </table></div>
Junto con la estructura de marcos para crear los lados de las ventanas el autor ha colocado en la parte baja de la cabecera (superior de las ventanas que vemos) una tabla con una sola línea y cinco celdas, todas de una anchura igual a la del marco que tienen debajo, luego las ha rellenado con las imágenes roja y azul de las barras, en unos casos como imagen y en otros como 'background' para que las ventanas puedan encogerse. Ha repetido más o menos lo mismo abajo y voilà! Ya tenemos unos bonitos marcos que se ajustan al navegador.

tripiyon · 17 Sep 2004

Rizu si te fijas en el código que has puesto más arriba, verás que es lo que yo dije anteriormente, verás que en la tabla de la cabecera le dan un ancho de 680 px para que la web tenga un mínimo de tamaño, después en la tabla del frame de abajo le dan un ancho porcentual 100%, es el que hace que se ajuste a las distintas resoluciones.
Un saludo

Rizuh · 17 Sep 2004

:roll: Uhm... veamos, la pregunta de Luisa era cómo habían hecho para que los marcos rojo y azul se ajustasen a las dimensiones de la ventana, le contestaron que mediante i-frames, mas como se ve en el código no hay tales i-frames, sólo marcos, tablas y las capas que contienen los botones de navegación. Lo que nosotros vemos como un marco rojo y uno azul es en realidad un entramado de marcos y tablas, y es la excelente disposición de los marcos y las tablas la que crea el efecto de que los otros marcos (los que vemos, rojo y azul, no los del código) se estiren o se encojan. Creo que esa es la respuesta correcta a la pregunta de Luisa pero, "errare humanum est" :wink: (es todo el latín que sé ) Saludos.

obi-alf · 17 Sep 2004

estooo.... yo solo he dicho que se puede hacer con iframes que por otro lado son mejores que los frames a la hora de buscadores y al meno a mi me resultan más cómodos y me dan más ventajas.

Saludos

Rita Bbaa · 22 Sep 2004

Gracias a todos por la ayuda, más o menos pude aclararme.

Un saludo.

Rizuh · 22 Sep 2004

:shock: ¡Ostras, Pedrín! Acabo de ver el post con Firefox y es verdad que he descuadrado el foro. Pues os aseguro que con Opera se veía perffectamente cuadrado. Qué curioso....

obi-alf · 22 Sep 2004

ahora mismo estoy viéndolo con el firefox y no se me descuadra nada :shock:

Saludos

Accede o regístrate

Diseño de página web que se ajusta a la ventana del IE

Rita Bbaa Nuevo usuario

Anunciante

otherme Nuevo usuario

Rita Bbaa Nuevo usuario

obi-alf Nuevo usuario

okjoss Nuevo usuario

Rizuh Nuevo usuario

Rita Bbaa Nuevo usuario

Rizuh Nuevo usuario

Rita Bbaa Nuevo usuario

tripiyon Nuevo usuario

Rizuh Nuevo usuario

kitsch Nuevo usuario

Rita Bbaa Nuevo usuario

Rizuh Nuevo usuario

tripiyon Nuevo usuario

Rizuh Nuevo usuario

obi-alf Nuevo usuario

Rita Bbaa Nuevo usuario

Rizuh Nuevo usuario

obi-alf Nuevo usuario

Accede o regístrate

Diseño de página web que se ajusta a la ventana del IE

Rita Bbaa Nuevo usuario

Anunciante

otherme Nuevo usuario

Rita Bbaa Nuevo usuario

obi-alf Nuevo usuario

okjoss Nuevo usuario

Rizuh Nuevo usuario

Rita Bbaa Nuevo usuario

Rizuh Nuevo usuario

Rita Bbaa Nuevo usuario

tripiyon Nuevo usuario

Rizuh Nuevo usuario

kitsch Nuevo usuario

Rita Bbaa Nuevo usuario

Rizuh Nuevo usuario

tripiyon Nuevo usuario

Rizuh Nuevo usuario

obi-alf Nuevo usuario

Rita Bbaa Nuevo usuario

Rizuh Nuevo usuario

obi-alf Nuevo usuario

Búsquedas útiles