Uso de php en CSS

[kolmy10]

Tengo este codigo

<?php
header("Content-type: text/css; charset: UTF-8");
?>

#a4 {
width: 210mm;
height: 297mm;
background-image:<?php echo "url(".$_POST["ruta"].");";?>
}

El problema esta en que la variable $_POST["ruta"] llega vacia.


Hago una consulta a la base, me devuelve la ruta, y eso lo envio como parametro a un background-imagen en un archivo style.php



alguna idea?

[abimaelrc]

Saludos,

Te recomiendo que modifiques ese método porque vas a tener muchos problemas y ya empezando lo tienes. Te recomiendo que mejor pienses es crear las clases y de acuerdo a lo que el usuario halla seleccionado modificar una clase en vez de modificar directamente el archivo de css.

Ejemplo en vez de modificar el archivo css, modifica el valor que lleva class="clase_que_se_modifica".

[kolmy10]

Iniciado por abimaelrc

Saludos,

Te recomiendo que modifiques ese método porque vas a tener muchos problemas y ya empezando lo tienes. Te recomiendo que mejor pienses es crear las clases y de acuerdo a lo que el usuario halla seleccionado modificar una clase en vez de modificar directamente el archivo de css.

Ejemplo en vez de modificar el archivo css, modifica el valor que lleva class="clase_que_se_modifica".

El tema es el siguiente,

el usuario elije supongamos 2 parametros de un formulario

eso me devuelve 2 datos de la base

esos datos son 2 rutas que apuntan a imagenes

y esas imagenes deben ir a los background-imagen del css


no encontre ninguna forma mejor de hacerlo, si me podes dar una mano te estaria infinitamente agradecido estoy que me vuelvo loco

[abimaelrc]

Como te indique, crea diferentes clases en el css

Código CSS:

.img1 {
 background-image.......
}
.img2{
  background-image....
}
.........
 

Luego en el body que hayas seleccionado coloca la clase.

Otra forma de hacerlo es modificar el valor del background con javascript. Te recomiendo que busques sobre como modificar el background con javascript.

[kolmy10]

Iniciado por abimaelrc

Como te indique, crea diferentes clases en el css

Código CSS:

.img1 {
 background-image.......
}
.img2{
  background-image....
}
.........
 

Luego en el body que hayas seleccionado coloca la clase.

Otra forma de hacerlo es modificar el valor del background con javascript. Te recomiendo que busques sobre como modificar el background con javascript.

como no lo pense antes :P

uf, puse en google lo de hacerlo con javascript y salio de todo

Mil gracias, es la ayuda que necesitaba

[pzin]

Otra posibilidad sería embeber el CSS directamente dentro del HTML:

Código PHP:

<div id="a4" style="background-image: url(<?=$_POST["ruta"]?>)"></div>
 

O algo más sofisticado, usar HTML5 y los atributos data-* que pueden ser llamados desde CSS:

Código PHP:

<div id="a4" data-imagen="<?=$_POST["ruta"]?>"></div>
 

Código CSS:

#a4 {
  background-image: url(attr(data-imagen));
}
 

Aunque ahí ya tendrás que mirar la compatibilidad con navegadores y eso.