Colores Variables

smrc2k · #1 (**permalink**) 18/02/2005, 00:49

Hola a tod@s.
La pregunta es la siguiente. ¿ Hay alguna manera de cargar colores leidos de una base de datos a una clase que está en un CSS?.
Tengo un aclase del tipo:

.recuadro12der {
border-left-width: 1px;
border-left-color: #ffcc00;
border-left-style: dotted;
width: 1px;

}
y quisiera que el valor #ffcc00 fuera una variable tipo 'micolor' que se le pasase al CSS de alguna manera.
Teneis alguna idea, he estado buscando dentro del foro y no he encontrado nada.
Salud2
J.A. Sendra

Zerjillo · #2 (**permalink**) 18/02/2005, 02:36

Puedes hacerlo usando php o cualquier lenguaje de servidor.

Un saludo

Zerjillo

smrc2k · #3 (**permalink**) 18/02/2005, 02:59

El problema Zerjillo es que intento pasar una variable del tipo $micolor
de la forma
border-left-color: <? echo $micolor;?>
o
border-left-color: <? echo $_SESSION['micolor'];?>
y no me la lee.
¿ como puedo pasar la variable ?

smrc2k · #4 (**permalink**) 18/02/2005, 03:10

Bueno Zerjillo, no me he explicado nada bien.
Recomienzo:
Si tengo la clase dentro del script de PHP, y le paso la variable tal como he indicado anteriormente, funciona. El problema es cuando tengo la clase dentro de un fichero tipo "estilos.css", es entonces cuando no lee las variables, pues no se como pasarlas, si las paso como he dicho antes, no las lee.
Gracias
¿ Alguna idea ?

J.A. Sendra

Zerjillo · #5 (**permalink**) 18/02/2005, 03:30

No podrias pasarlas como parametros GET?

No lo he probado, pero la idea seria poner en el enlace a la hoja de estilo:

src="tuPaginaEstilos?colorQueNecesito=00ff00"

Y luego dentro de la hoja de estilo:

...
color: #<?php echo($colorQueNecesito); ?>;
...

Yo creo qeu asi deberia funcionar. Si no rulara, la idea podria ser crea una tbla muy sencilla en la base de datos llamada "colores" o algo asi y ya dentro de la hoja deestilo leer dicho color de la tabla.

Cuentame si te funciona o no

Un saludo

Zerjillo

P.D. Has de tener "cuidado" con hacer las hojas de estilo con php, ya que una de sus ventajas es que se puedan "cachear", de tal manera que para las diversas páginas del sitio no hay que estar recargándola. Obviamente si la hoja es dinámica no se puede cachear, con lo que cada peticion de página supondria leer de nuevo la hoja de estilo (aunque sea la misma). Para eso habria que utilizar las cabeceras apropiadas y hacer (si tu aplicacion lo permite) que la hoja de estilo dinamica se "cachee" al emnos un tiempo.

safe · #6 (**permalink**) 18/02/2005, 03:52

porque en vez de llamar al archivo css con <link ....> lo incluyes con PHP

Y ahi si dentro del archivo que incluyes (con include("algo.php") o include("loquesea")) le pones los parametros con <? echo $micolor;?> o lo q

safe · #7 (**permalink**) 18/02/2005, 03:53

porque en vez de llamar al archivo css con <link ....> lo incluyes con PHP dentro de la etiqueta <head>...
Y ahi si dentro del archivo que incluyes (con include("algo.php") o include("loquesea")) le pones los parametros con <? echo $micolor;?> o lo que sea....

smrc2k · #8 (**permalink**) 18/02/2005, 03:54

Gracias por tu tiempo Zerjillo.
Ya habia pensado lo de cargarlos colores de la BD dentro de la hoja de estilos, pero me encuentro con el mismo problema, ¿ como pasar las variables, ya que cada bloque de páginas tiene un color distinto?.
He probado tu sugerencia y tampoco rula.
La solución creo que puede estar en sacar las clases variables de la hoja de estilos y ponerlas en una función a la que les pase las variables.
Esto se me ha ocurrido a medida que iba escribiendo y voy a probarlo.
Te cuento el resultado.

Salud2 y gracias de nuevo

smrc2k · #9 (**permalink**) 18/02/2005, 04:05

Gracias Safe por la idea.
Voy a probar primero la mia y si no funciona me pondré con la tuya.

Salud2
J.A. Sendra

PascalC · #10 (**permalink**) 19/02/2005, 14:18

css no es un lenguaje de programacion, no conoce variables.

Podrias poner una class en el body de tus secciones y definir colores que cambian segun esta class.

<body class="prueba1">
<body class="prueba2">
<body class="prueba3">
.prueba1 #mielemento {color:red;}
.prueba2 #mielemento {color:red;}
.prueba3 #mielemento {color:red;}