poner imagen como un fondo

[zyxer]

Buenas... antes que todo aclaro no estar seguro si este tema va aquí.

Sucede que en mi página he puesto una imagen aleatoria en cabecera de mi sitio, pero mi pregunta es: ¿como puedo hacer para que esta sea una especie de imagen de fondo?

mi código es este:

Código: Seleccionar todo

<div id="header">
         <img src="{T_IMAGESET_PATH}/site-logo-{SITE_LOGO_RANDOM}.png" />
</div><!-- //header-->

Lo que necesito es poder poner cosas sobre esta imagen, es decir, como ven en esta página tienen tienen un banner publicitario, el selector de colores etc, yo necesito poder poner cosas sobre mi imágen también. Espero haberme expresado bien y que se entienda a que me refiero. Muchas gracias.

[javiexin]

Donde tienes ese código, pones lo siguiente:

Código: Seleccionar todo

<div id="header">
         Lo que quieras sobre la imagen aquí...
</div><!-- //header-->

Y luego, en alguno de los ficheros .css del tema que uses pones:

Código: Seleccionar todo

#header {
         background-image: {T_IMAGESET_PATH}/site-logo-{SITE_LOGO_RANDOM}.png;
         background-repeat: no-repeat;
         background-position: bottom 50%; /* puede ser top/center/bottom/x%/Xpx left/center/right/y%/Ypx */
}

Es posible que tengas que ajustar algo el .css para poner la imagen en su sitio adecuado, pero ya con esto deberías poder continuar.

Saludos,
-javiexin

[zyxer]

No me aparece nada...

[nextgen]

La etiqueta correcta sería esta.

Código: Seleccionar todo

#header {
         background-image: url("{T_IMAGESET_PATH}/site-logo-{SITE_LOGO_RANDOM}.png");
         background-repeat: no-repeat;
         background-position: bottom 50%; /* puede ser top/center/bottom/x%/Xpx left/center/right/y%/Ypx */
}

[javiexin]

La etiqueta correcta sería esta.

Código: Seleccionar todo

#header {
         background-image: url("{T_IMAGESET_PATH}/site-logo-{SITE_LOGO_RANDOM}.png");
         background-repeat: no-repeat;
         background-position: bottom 50%; /* puede ser top/center/bottom/x%/Xpx left/center/right/y%/Ypx */
}

Cierto, perdón, se me pasó el url()...

[leviatan21]

Ese cambio en un .css nunca funcionará porque en las hojas de estilo no funcionan cualquier reemplazo como en una plantilla, por lo tanto {SITE_LOGO_RANDOM} nunca será reemplazado por su equivalente.
Para que este cambio funcione debería estar en el overall_header.html dentro de la etiqueta header con sus respectivas etiquetas style

[Alorse]

Ese cambio en un .css nunca funcionará

Lo que dices es discutible
Si la variable se encuentra en el archivo style.php que esta en el root del foro y además esta activada la "Recompilar plantillas antiguas" desde el ACP, el cambio tendrá un efecto valido.
Como ejemplo pueden ver este foro.

[leviatan21]

Si la variable se encuentra en el archivo style.php que esta en el root del foro

Claro, pero en ningún momento se explica como hacer eso e este tema, por eso no funcionará nunca de esa manera en ese foro