Tema: Fondo de capa autoajustable
Ver Mensaje Individual
  #7 (permalink)  
Antiguo 17/07/2011, 17:48
yoniti7784
 
Fecha de Ingreso: mayo-2011
Ubicación: sinaloa
Mensajes: 150
Antigüedad: 13 años, 6 meses
Puntos: 4
Respuesta: Fondo de capa autoajustable
Creo que hize algo de lo que tu pides:
la imagen que muestras la dividi en 3 partes. Lo hice en paint haci que no me quedo exacta la posicion pero poes el intento le hice.

Esto es lo que me quedo::
http://imageshack.us/photo/my-images/135/ayuda2s.png/


Código HTML: 
Ver original
  1. <html>
  2.     <head><title>tituLITO</title>
  3.         <style type="text/css">
  4.         body{
  5.             background-color:green;
  6.             margin-left:0px;
  7.             margin-right:0px;
  8.             margin-top:0px;
  9.             font-size:16px;
  10.             text-align:center;
  11.         }
  12.  
  13.         #arriba,#abajo{
  14.             background-repeat:no-repeat;
  15.             margin:0 auto 0 auto;
  16.             width:300px;
  17.             height:55px;
  18.         }
  19.         #arriba{
  20.             background-image:URL("arriba.png");
  21.         }
  22.         #abajo{
  23.             background-image:URL("abajo.png");
  24.         }
  25.  
  26.         #centro{
  27.             
  28.             background-image:URL("centro.png");
  29.             background-repeat:repeat-y;
  30.             overflow:auto;
  31.             margin:0 auto 0 auto;
  32.             width:300px;
  33.         }
  34.         </style>
  35.     </head>
  36.     <body>
  37.         <div id="arriba">
  38.         </div>
  39.         <div id="centro">
  40.             <p>TEXTO<br></p>
  41.             <p>TEXTO<br></p>
  42.             <p>TEXTO<br></p>
  43.             <p>TEXTO<br></p>
  44.             <p>TEXTO<br></p>
  45.             <p>TEXTO<br></p>
  46.             <p>TEXTO<br></p>
  47.             <p>TEXTO<br></p>
  48.             <p>TEXTO<br></p>
  49.             <p>TEXTO<br></p>
  50.             <p>TEXTO<br></p>
  51.             <p>TEXTO<br></p>
  52.             <p>TEXTO<br></p>
  53.             <p>TEXTO<br></p>
  54.             <p>TEXTO<br></p>
  55.             <p>TEXTO<br></p>
  56.         </div>
  57.         <div id="abajo">
  58.         </div>
  59.     </body>
  60. </html>


Listo con eso creas tus divss te paso las imagenes que yo hice para que lo pruebes
abajo.png
http://imageshack.us/photo/my-images/810/abajoi.png/
arriba.png
http://imageshack.us/photo/my-images/853/arriba.png/
centro.png
http://imageshack.us/photo/my-images/189/centroa.png/

Suerte...!
Última edición por yoniti7784; 17/07/2011 a las 18:09