Cómo poner dos fondos distintos en una web

MAF · 8 Oct 2011

Buenas, me gustaría insertar en una web 2 fondos distintos, uno para la cabecera y contenido y otro para el pie de página.

Puedo poner como ejemplo esta web: Experto Oscommerce | Diseo de Tiendas Virtuales | Denox (Usa Enlace eliminado para la cabecera y Enlace eliminado para el pie de página)

He estado buscando pero no he conseguido encontrar como hacerlo, a ver si me podéis echar un cable.

Un saludo y gracias 🙂

Bueno nada, ya he conseguido solucionarlo. Gracias de todas formas.

vallel · 11 Oct 2011

Sería bueno que compartieras tu solución para que no quede el tema así y si alguien más viene con esa duda y se encuentra con este tema pueda leer como lo hiciste.

Aquí mi pequeño aporte jeje. Yo haría un div para la cabecera y otro para el pie de página, y a esos les aplicaría su respectiva imagen de fondo.

Ejemplo:

HTML:

...
<body>
   <!-- Cabecera del sitio -->
   <div id="header">
   ...
   </div>

   <!-- Contenido -->
   <div id="content">
   ...
   </div>

   <!-- Pie de página -->
   <div id="footer">
   </div>
</body>
...

Y el css:

HTML:

...
#header { background-image: url('images/header.jpg'); }
#footer { background-image: url('images/footer.jpg'); }
...

Es algo muy sencillo, pero es bueno que quede documentado.

Saludos

MarioMX · 11 Oct 2011

No se, se me ocurrió que podrías probar con supersized, es un plugin jquery muy interesante. Saludos

vallel · 11 Oct 2011

MarioMX dijo:
No se, se me ocurrió que podrías probar con supersized, es un plugin jquery muy interesante. Saludos

Bueno eso ya sería algo diferente. Por lo que leí ese plugin de jquery sirve para adaptar el fondo a cualquier resolución.

MAF · 14 Oct 2011

Muchas gracias vallel, ya lo tengo listo 😛

Me guardo esa página también MarioMX 😛

olaxpiston · 14 Oct 2011

@vallel Gracias por la solución, es simple pero como dices es bueno que quedé documentada para la posteridad =)

david palomino · 17 Oct 2011

"vallel" Gracias buen aporte :encouragement:

Cómo poner dos fondos distintos en una web

MAF

vallel

MarioMX

vallel

MAF

olaxpiston

david palomino