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

Hacer un background de fondo que no se mueva

Estas en el tema de Hacer un background de fondo que no se mueva en el foro de Diseño web en Foros del Web. Muy buenas a todos, me gustaría saber si es posible hacer un background de fondo de web con una imagen, o sea poniéndolo en la ...
  #1 (permalink)  
Antiguo 10/12/2008, 04:05
Avatar de jjrolevio  
Fecha de Ingreso: agosto-2002
Ubicación: España-Castilla la Mancha-Ciudad Real-Alcazar de San Juan
Mensajes: 196
Antigüedad: 15 años, 4 meses
Puntos: 0
Pregunta Hacer un background de fondo que no se mueva

Muy buenas a todos, me gustaría saber si es posible hacer un background de fondo de web con una imagen, o sea poniéndolo en la etiqueta body, y que no se mueva aunque vallas hacia arriba o hacia abajo con la barra de desplazamiento general, o sea solo se movería el contenido de la web pero no el fondo.

Lo he visto alguna vez en meristation.com pero no se si la web esta hecha con frames, que creo que no.

Espero me podáis decir si se puede o no.
Saludos y gracias anticipadas.
  #2 (permalink)  
Antiguo 10/12/2008, 04:13
 
Fecha de Ingreso: julio-2008
Mensajes: 89
Antigüedad: 9 años, 5 meses
Puntos: 0
Respuesta: Hacer un background de fondo que no se mueva

no te refieres al tipico

<body background="xxxx.jpg"> ? nose si es asi xD no te acabo de entender
  #3 (permalink)  
Antiguo 10/12/2008, 06:18
Avatar de seoista  
Fecha de Ingreso: septiembre-2003
Ubicación: Pues leyéndote
Mensajes: 1.076
Antigüedad: 14 años, 3 meses
Puntos: 57
Respuesta: Hacer un background de fondo que no se mueva

Para que el fondo quede fijo:
Código html:
Ver original
  1. <style type="text/css">
  2. body {
  3. background: url (tu-imagen.jpg);
  4. background-attachment: fixed;
  5. }
  6. </head>
Saludos
__________________
· Lo poco que sé, lo he aprendido de AQUÍ ·
· No contesto por M.P. ·
  #4 (permalink)  
Antiguo 10/12/2008, 07:21
 
Fecha de Ingreso: septiembre-2008
Ubicación: Lanzarote, Canarias
Mensajes: 486
Antigüedad: 9 años, 3 meses
Puntos: 40
Respuesta: Hacer un background de fondo que no se mueva

Código:
<style type="text/css">
body {
background:url(imagen.jpg) fixed;
}
</style>
  #5 (permalink)  
Antiguo 10/12/2008, 12:14
Avatar de kmzero  
Fecha de Ingreso: octubre-2008
Mensajes: 43
Antigüedad: 9 años, 2 meses
Puntos: 0
Respuesta: Hacer un background de fondo que no se mueva

muchas gracias por el aporte colateral! He estado combinando imágenes para que al bajar se continúe la estética. Este es un gran adelanto!! saludos
  #6 (permalink)  
Antiguo 10/12/2008, 12:21
Avatar de kmzero  
Fecha de Ingreso: octubre-2008
Mensajes: 43
Antigüedad: 9 años, 2 meses
Puntos: 0
background de tabla con transparencia

Cita:
Iniciado por jjrolevio Ver Mensaje
Muy buenas a todos, me gustaría saber si es posible hacer un background de fondo de web con una imagen, o sea poniéndolo en la etiqueta body, y que no se mueva aunque vallas hacia arriba o hacia abajo con la barra de desplazamiento general, o sea solo se movería el contenido de la web pero no el fondo.

Lo he visto alguna vez en meristation.com pero no se si la web esta hecha con frames, que creo que no.

Espero me podáis decir si se puede o no.
Saludos y gracias anticipadas.
Teniendo en cuenta la mágica solución me animo a preguntar por este otro capricho de diseño que tengo:
quiero lograr que mis tablas de contenido "transparenten" el background del body, al estilo myspace.live.com ¿Saben a qué me refiero?
Es posible?? cómo se logra?

gracias!!
  #7 (permalink)  
Antiguo 11/12/2008, 09:11
Avatar de Null_  
Fecha de Ingreso: octubre-2008
Ubicación: Santiago
Mensajes: 530
Antigüedad: 9 años, 1 mes
Puntos: 30
Respuesta: Hacer un background de fondo que no se mueva

Además:
puedes complementar con mas propiedades, por ejemplo la posición y la repetición del fondo de esta manera:
Código HTML:
<head>
      <style type="text/css">
      body {
      background-image: url (tu-imagen.jpg);
      background-attachment: fixed;
      background-posicion:left top;
      background-repeat:repeat-x;
      }
      </style>
</head> 
En este caso que se definen todas las propiedades puedes escribirlo de forma abreviada y tambien agregar un color de fondo complementario a la imagen:

Código HTML:
<head>
      <style type="text/css">
      body {
      background:url('imagen.png') left top repeat-x fixed #C00;
      }
      </style>
</head> 
Aqui te dejo los valores que puedes utilizar en la propiedad background:

fijacion del fondo: scroll, fixed
posiciones horizontales: left, right, center
posiciones verticales: top, bottom, center
repeticion de imagen: repeat, no-repeat, repeat-x, repeat-y
color de fondo: #000, #000000, rgb(256,256,256), rgb(100%,100%,100%), transparent, color en ingles
imagen de fondo: url('direccion-de-da-imagen.png')

Otra cosa es que hay una tecnica que consiste en aplicar un div despues del body, y a este div le agregamos propiedades de fondo diferentes a la de body (con color transparente) para obtener un fondo con doble imagen...


Suerte
__________________
Diego Escares
• Twitter: @diegoescares
• Web: diegoescares.com
  #8 (permalink)  
Antiguo 05/02/2009, 14:10
Avatar de kmzero  
Fecha de Ingreso: octubre-2008
Mensajes: 43
Antigüedad: 9 años, 2 meses
Puntos: 0
Respuesta: Hacer un background de fondo que no se mueva

mmmm.... aún no logro el resultado......
qué tal si lo que quiero es que la tabla tenga un fondo semi transparente que trasluzca el fondo del body?????
qué se les ocurre?
lo mismo funcionaría?
pruebo y les cuento
  #9 (permalink)  
Antiguo 06/02/2009, 10:15
Avatar de ElJavista
Colaborador
 
Fecha de Ingreso: marzo-2007
Ubicación: Lima Perú
Mensajes: 2.231
Antigüedad: 10 años, 9 meses
Puntos: 67
Respuesta: Hacer un background de fondo que no se mueva

Semitranparente? claro, no hay problema, a la tabla agregale este estilo:

<table style="background-color: #CCCCCC; filter: alpha(opacity = 50); opacity: 0.5">

Obivamente los colores y los valores son ejemplos. Espero que te sirva.

Última edición por ElJavista; 11/02/2009 a las 13:44
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 06:51.