Foros del Web » Creando para Internet » Diseño web »

Fondo

Estas en el tema de Fondo en el foro de Diseño web en Foros del Web. Hola!! Amos a ver, estoy intentando hacer una cosilla que he visto en webs varias pero no lo consigo. Yo he visto, que en muchas ...
  #1 (permalink)  
Antiguo 05/04/2007, 08:48
 
Fecha de Ingreso: enero-2007
Mensajes: 323
Antigüedad: 10 años, 11 meses
Puntos: 9
Fondo

Hola!!

Amos a ver, estoy intentando hacer una cosilla que he visto en webs varias pero no lo consigo. Yo he visto, que en muchas web, ponen como fondo una imagen, y esa imagen, se va ajustando al tamaño de la ventana. Yo he subido mi imagen a internet, con esta dirección: h t t p:// 3w.midominio.es/ img/ imagen.jpg, hasta ahí, estupendo, meto la dirección y sale mi imagen, además, si yo hago la ventana más pequeña, la imagen también se hace más pequeña. El problema está en que yo he puesto esta dirección en el background-image: url(....), abro la página que tiene ese fondo, se ve el fondo, pero no se ajusta al tamaño de la ventana, vamos, que si pongo la ventana con un tamaño más pequeño del que tiene la imagen del fondo, pos solo se ve un trozo.

Si alguien pudiera decirme qué es lo que tengo que hacer...se lo agradecería.

Un besito, xauuu.
  #2 (permalink)  
Antiguo 05/04/2007, 08:52
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.547
Antigüedad: 15 años, 8 meses
Puntos: 1262
Re: Fondo

Hola:

Si pones esa imagen con un width y un height al 100%, con posición absoluta 0,0 (cuestión de estilos)

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 05/04/2007, 08:57
Avatar de McBlink  
Fecha de Ingreso: noviembre-2006
Ubicación: $ARG->LaPampa()
Mensajes: 1.694
Antigüedad: 11 años, 1 mes
Puntos: 22
Re: Fondo

Buenos Dias Natig
haber si entiendo.. a que es lo que le quierees poner como fondo una imagen.. a la pagina en sí o a una tabla o algo por el estilo..???
porque si dices que te funciona.. porque no lo hacer como mencionas al inicio del post??

quizas no entienda bien lo que quieras.. si puedes explicarmelo mejor.. :D =)

saludos!!
MC
__________________
Recuerda usar el highlight para mostrar código
mauricioblint.com
  #4 (permalink)  
Antiguo 05/04/2007, 09:43
Avatar de juaniquillo
Colaborador
 
Fecha de Ingreso: noviembre-2005
Ubicación: San Juan, Puerto Rico
Mensajes: 5.745
Antigüedad: 12 años
Puntos: 281
Re: Fondo

Yo tampoco he entendido muy bien. Puedes poner una página de ejemplo de lo que quieres hacer.
__________________
Por fin.. tengo algo parecido a un blog
Y por lo visto ya estoy escribiendo...
  #5 (permalink)  
Antiguo 05/04/2007, 10:01
 
Fecha de Ingreso: enero-2007
Mensajes: 323
Antigüedad: 10 años, 11 meses
Puntos: 9
Sonrisa Re: Fondo

A ver, en esta página web: 3w.cameronmoll. com he visto que tienen una imagen como fondo, si tú haces más pequeña la ventana que te visualiza la página, esa imagen de fondo se va haciendo más pequeña. Esto es lo que yo quiero hacer, es el fondo de todo el sitio web. Yo me he fijado, que en esa web, lo que han hecho es subir la imagen a internet con esta dirección: h t t p:// cameronmoll.com / img/ pagebg.gif y en el background-image han puesto esta dirección. Yo he intentado hacer lo mismo, he subido mi imagen a internet con esta dirección: h t t p:// 3w.archimadrid.es/ juanypablo/ img/ fondo-sig.jpg, si entráis ahí, veis mi imagen y efectivamente, al hacer más pequeña la ventana la imagen también se hace pequeña. Entonces, en la declaración de estilos, en {body} he puesto background-image: url (h t t p:// 3w.archimadrid.es/ juanypablo/ img/ fondo-sig.jpg). Cuando yo visualizo mi página con ese fondo en internet, se ve la imagen que yo le he indicado, pero no ocurre lo que ocurría en la web de cameronmoll, es decir, que al empequeñecer la ventana también se empequeñezca la imagen.

Espero que me hayáis entendido.

Gracias!!
  #6 (permalink)  
Antiguo 05/04/2007, 10:08
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 10 meses
Puntos: 771
Re: Fondo

Hola natig

¿Te refieres a algo así...?

http://www.cssplay.co.uk/layouts/background.html

Saludos,
  #7 (permalink)  
Antiguo 05/04/2007, 21:10
Avatar de juaniquillo
Colaborador
 
Fecha de Ingreso: noviembre-2005
Ubicación: San Juan, Puerto Rico
Mensajes: 5.745
Antigüedad: 12 años
Puntos: 281
Re: Fondo

ahora entiendo. bueno, el caso que muestras la imagen no se hace ni mas pequeña ni mas grande sino que es un patrón que se repite, en este caso, verticalmente (por lo que vi), esta imagen para ser preciso:

Código:
http://3w.cameronmoll.com//img/pagebg.gif
No se debe, por lo general, cambiar el tamaño de imanes ya que son 'pixel based'. En el caso de pone JavierB la imagen genuinamente se hace mas grande o mas pequeña con ayuda de CSS, pero nota la gran distorsión si te sales de proporción.
__________________
Por fin.. tengo algo parecido a un blog
Y por lo visto ya estoy escribiendo...
  #8 (permalink)  
Antiguo 06/04/2007, 07:52
 
Fecha de Ingreso: enero-2007
Mensajes: 323
Antigüedad: 10 años, 11 meses
Puntos: 9
Sonrisa Re: Fondo

Lo que dice JavierB lo he entendido, pero no me convence. Sin embargo, lo que dice Juaniquillo: "el caso que muestras la imagen no se hace ni mas pequeña ni mas grande sino que es un patrón que se repite, en este caso,verticalmente", no lo entiendo. El patrón que tú dices que se repite es una imagen de 1500px, más o menos, de ancho...si pones esa imagen de fondo y no se hace ni más pequeña ni más grande no se podría ver entera, ¿no?

De todas formas, si me has entendido, dime lo que tengo que hacer, ya has visto que mi imagen es prácticamente igual que la de cameronmoll.com.

Muchas gracias, cnt!!!
  #9 (permalink)  
Antiguo 06/04/2007, 15:25
Avatar de juaniquillo
Colaborador
 
Fecha de Ingreso: noviembre-2005
Ubicación: San Juan, Puerto Rico
Mensajes: 5.745
Antigüedad: 12 años
Puntos: 281
Re: Fondo

Lo que pasa es que ese patron se repite solo verticalmente (de arriba a abajo) solamente, y, ademas, esta anclado al centro del documento, osea, no al tope-izquierda como es el defecto. Tienes mucho control con las imágenes de fondo con CSS. Esta es la parte del la hoja de estilo que logra lo que ves:

Código:
body {background: #E9E9E9 url(/img/pagebg.gif) repeat-y 50% 0; background-attachment: fixed; margin: 0; padding: 0;}
Si pasas por el foro de CSS te podrían ayudar mejor que yo...
saludos.
__________________
Por fin.. tengo algo parecido a un blog
Y por lo visto ya estoy escribiendo...
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 15:19.