Foros del Web » Creando para Internet » CSS »

Fondos

Estas en el tema de Fondos en el foro de CSS en Foros del Web. Bueno que tal?. Mi duda es la siguiente Estoy diseñando webs y bueno tengo problemas con los fondos ya que no se en que tamaños ...
  #1 (permalink)  
Antiguo 25/02/2011, 07:52
Avatar de facurouss  
Fecha de Ingreso: enero-2010
Mensajes: 101
Antigüedad: 7 años, 11 meses
Puntos: 0
Fondos

Bueno que tal?.
Mi duda es la siguiente
Estoy diseñando webs y bueno tengo problemas con los fondos ya que no se en que tamaños hacerlos para que esten bien en cualquier resolucion, ahora tengo que hacer un fondo para que ocupe todo el navegador en que tamaño y que mas debo aplicar para que quede bien?
  #2 (permalink)  
Antiguo 25/02/2011, 10:04
 
Fecha de Ingreso: diciembre-2010
Ubicación: Madrid
Mensajes: 342
Antigüedad: 7 años
Puntos: 28
Respuesta: Fondos

Tendrás que dar a la imagen un tamaño grande para asegurarte de que no pixele en monitores de alta resolución. Es importante que la optimices bien para que no pese demasiado, intenta no pasar de de 180k por ejemplo, cuanto menos pese mejor.
También las preocupaciones por este tema tienen que ir en función del perfil de usuarios que vayan a visitar la página, si son diseñadores y demás ten por seguro que las resoluciones de pantalla serán grandes, depende. Si el fondo se ve bien a 1200 X 800 ya tienes mucho ganado.
Te dejo un link interesante respecto a las distintas resoluciones:
http://www.desarrolloweb.com/de_inte...2011-4792.html
saludos
__________________
diseño web
  #3 (permalink)  
Antiguo 26/02/2011, 05:32
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: Fondos

Hola facu,

Este fondo se deformará adaptándose al 100% tanto de alto como de ancho de la ventana del navegador.

<head>
<style type="text/css">
*{margin:0; padding:0;}
#contenedor{
position:relative; top:0; left:0; width:960px; margin:0 auto; z-index:2;
}
</style>
</head>
<body>
<img src="http://www.forosdelweb.com/f53/fondos-889651/ ... ruta de la imagen ..." width="100%" height="100%" style="postion:fixed; top:0; left:0; z-index:1;">
<div id="contenedor"> .. cabecera, cuerpo y pie de tu página </div>
</body>

Pero puedes poner solo el ancho al 100% y diseñar la imagen lo suficientemente alta como para que sobre por debajo.
(mira el link de resoluciones que compartió tresj)
<img src="http://www.forosdelweb.com/f53/fondos-889651/ ... ruta de la imagen ..." width="100%" style="postion:fixed; top:0; left:0; z-index:1;">

O bien puedes diseñar una imagen png que funda a transparente en por ejemplo el lado derecho y el lado inferior y meter esta imagen con background-image en una capa y usar un patron o color de fondo en el body, de manera tal que el color de fondo se fusione con la transparencia del png.

Estas son las maneras que conozco, pero seguramente debe haber otras.

Un saludo
  #4 (permalink)  
Antiguo 28/02/2011, 18:48
Avatar de facurouss  
Fecha de Ingreso: enero-2010
Mensajes: 101
Antigüedad: 7 años, 11 meses
Puntos: 0
Respuesta: Fondos

Muchas gracias chicos :)

Etiquetas: 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 11:05.