Como colocar dois fundos diferentes em uma web

MAF · 08/10/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/10/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/10/2011

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

vallel · 11/10/2011

MarioMX disse:
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/10/2011

Muchas gracias vallel, ya lo tengo listo 😛

Me guardo esa página también MarioMX 😛

olaxpiston · 14/10/2011

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

david palomino · 17/10/2011

"vallel" Gracias buen aporte :encouragement:

Como colocar dois fundos diferentes em uma web

MAF

vallel

MarioMX

vallel

MAF

olaxpiston

david palomino

Tópicos similares