Página 1 de 1
poner imagen como un fondo
Publicado: 03 Nov 2011, 20:04
por 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.
Re: poner imagen como un fondo
Publicado: 03 Nov 2011, 20:43
por 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
Re: poner imagen como un fondo
Publicado: 03 Nov 2011, 21:07
por zyxer
No me aparece nada...
Re: poner imagen como un fondo
Publicado: 03 Nov 2011, 23:31
por 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 */
}
Re: poner imagen como un fondo
Publicado: 04 Nov 2011, 00:12
por javiexin
nextgen escribió: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()...
Re: poner imagen como un fondo
Publicado: 04 Nov 2011, 01:51
por 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
Re: poner imagen como un fondo
Publicado: 04 Nov 2011, 02:05
por Alorse
leviatan21 escribió: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.
Re: poner imagen como un fondo
Publicado: 04 Nov 2011, 03:36
por leviatan21
Alorse escribió: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
