Foros del Web » Creando para Internet » CSS »

Ayuda para estirar Background

Estas en el tema de Ayuda para estirar Background en el foro de CSS en Foros del Web. Buenos días! Necesito poner en el body de fondo una imagen que quede "estirada" para cualquier resolución, pero un "estirado" que no deforme la imagen. ...
  #1 (permalink)  
Antiguo 07/09/2010, 10:26
 
Fecha de Ingreso: febrero-2008
Mensajes: 1
Antigüedad: 9 años, 9 meses
Puntos: 0
Ayuda para estirar Background

Buenos días!
Necesito poner en el body de fondo una imagen que quede "estirada" para cualquier resolución, pero un "estirado" que no deforme la imagen. Es decir que al reducirse la resolución la imagen lo haga de tal manera que quede centrada y sin deformarse.

Les dejo un ejemplo que encontré:

http://kirkwhalum.com/

Muchas gracias!
  #2 (permalink)  
Antiguo 08/09/2010, 10:43
Avatar de Shaito  
Fecha de Ingreso: agosto-2010
Mensajes: 383
Antigüedad: 7 años, 4 meses
Puntos: 37
Respuesta: Ayuda para estirar Background

Hola!

Pues el codigo en cuestión es este:
Código HTML:
Ver original
  1. <div style="position:absolute; width:100%; height:100%; margin:0px; padding:0px; left:0px;
  2. right:0px; z-index: -9999; "><img style="width="100%" height="100%"
  3. src="http://kirkwhalum.com/images/rotate/rotate.php"></div>

Cambia la dirección de la imagen:
Código HTML:
Ver original
  1. <img style="width="100%" height="100%"
  2. src="Has de cambiar esto para poner la imagen que tu quieras">
  #3 (permalink)  
Antiguo 08/09/2010, 11:11
 
Fecha de Ingreso: mayo-2010
Ubicación: Lima, Peru.
Mensajes: 176
Antigüedad: 7 años, 6 meses
Puntos: 6
Respuesta: Ayuda para estirar Background

Hola, brychan cuando veas algo que desconoces siempre esta el click derecho ver código fuente... y te da una idea de lo que han hecho y como lo han hecho para asi poder imitarlo...

te dejo un ejemplo:
Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>by TheDark03</title>
  5. html {
  6. height : 100%;
  7. }
  8. body {
  9. height:100%;
  10. }
  11. img{border:none;}
  12. img.background{min-height:100%;min-width:1024px;width:100%;position:fixed;top: 0;left: 0;}
  13.        
  14. #wrapper{position:relative;width:1024px;height:1024px;border:1px solid #FF0000;margin: 0 auto;}
  15. </head>
  16.  
  17. <img class="background" src="http://kirkwhalum.com/images/rotate/bgimage6.jpg" />
  18. <div id="wrapper">
  19.  
  20. </div>
  21.  
  22. </body>
  23. </html>

mejoralo ya que no esta completo.

y Shaito revisa tu código por que creo que no funciona..

Saludos DTB
  #4 (permalink)  
Antiguo 08/09/2010, 14:45
Avatar de LinkLooker  
Fecha de Ingreso: agosto-2002
Mensajes: 136
Antigüedad: 15 años, 4 meses
Puntos: 3
Respuesta: Ayuda para estirar Background

Saludos, buen post!.

Una pregunta TheDark03...Veo que pones un div llamado "wrapper" ....Este nombre que significa??? ...Esa palabra la he visto en vaarios codigos de páginas y no lo entiendo todavía....Gracias por ayudar!!
  #5 (permalink)  
Antiguo 08/09/2010, 15:10
 
Fecha de Ingreso: mayo-2010
Ubicación: Lima, Peru.
Mensajes: 176
Antigüedad: 7 años, 6 meses
Puntos: 6
Respuesta: Ayuda para estirar Background

Hola de nuevo, es un nombre cualquiera para aquel div, pero si buscas su significado en ingles es Envoltura.

Saludos DTB
  #6 (permalink)  
Antiguo 08/09/2010, 23:32
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Ayuda para estirar Background

yo creo que la mejor solucion es usar el buscador o las FAQS CSS en su defecto que es un tema muy tratado...
  #7 (permalink)  
Antiguo 10/09/2010, 10:48
Avatar de xArchangellx  
Fecha de Ingreso: octubre-2008
Ubicación: Peru
Mensajes: 208
Antigüedad: 9 años, 2 meses
Puntos: 5
Ayuda para estirar Background

Oye por otra parte esa pagina web esta padrisima, mi pregunta es todo esta echo en CSS????

Etiquetas: estirar, fondo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:27.