Foros del Web » Creando para Internet » CSS »

fondo fijo(que pueda cambiar de imagen) y que solo se mueva el texto

Estas en el tema de fondo fijo(que pueda cambiar de imagen) y que solo se mueva el texto en el foro de CSS en Foros del Web. hola, buenoante todo nose si mi duda va aqui o en java tengo mis dudas. la cosa es que en mi pagina web quiero que ...
  #1 (permalink)  
Antiguo 04/06/2013, 15:20
 
Fecha de Ingreso: febrero-2008
Mensajes: 49
Antigüedad: 16 años, 2 meses
Puntos: 0
fondo fijo(que pueda cambiar de imagen) y que solo se mueva el texto

hola, buenoante todo nose si mi duda va aqui o en java tengo mis dudas. la cosa es que en mi pagina web quiero que funcione similar a esta http://arbitrosfutbollugo.com en la cualhaya un fondo fijo que pueda poner la opcion de que se vaya cambiando de imagen de fondo, que la imagen del fondose ajuste automaticamente a las dimensiones de mi navegador y elfondo sea fijo es decir que si hay mucho texto pueda mover pa arriba o pa bajoy el fondo siga en elmismo sitio que lo único que se mueva sea el fondo. espero que me hayais entendido para saber lo que quiero solo teneis que ver la pagina. si no quereis pasarme codigos directamente darme una pista para poder googlear un poco y conseguirlo esque no se ni si quiera como se llama esa especie de "efecto" que estoy pidiendo.
un saludo y gracias.
  #2 (permalink)  
Antiguo 04/06/2013, 15:25
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: fondo fijo(que pueda cambiar de imagen) y que solo se mueva el texto

En Java no iría seguro, en todo caso en JavaScript.

Puedes hacer algo así:

Código CSS:
Ver original
  1. body {
  2.   background: url(peloto.png);
  3.   background-position: center;
  4.   background-size: cover;
  5.   background-attachment: fixed;
  6. }

Si quieres que cambie en cada página, entonces ponle un clase al body en esa página, y después de esta regla anterior, pones algo como:

Código CSS:
Ver original
  1. body.secciontalycual {
  2.   background-image: url(otraimagen.png);
  3. }

Etiquetas: Ninguno
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 19:31.