variables ccs y php

AitorLopez · #1 (**permalink**) 13/09/2010, 04:44

Hola.

Quería preguntaros si conoceis alguna forma de crear una variable en un archivo ccs, como por ejemplo, el color de fondo, y despues usar el nombre de esa variable en varios sitios, por ejemplo, un div, una tabla y el body.

Como, hasta donde yo llego, ccs no tiene variables, me imagino que habría que crearla en php, por ejemplo, pero no se como mezclar los dos lenguajes.

A ver si me podeis decir algo.

Gracias. Un saludo.

kseso? · #2 (**permalink**) 13/09/2010, 08:43

¡qué casualidad!
En el momento de responderle, el tema que está inmediatamente antes que el suyo trata exáctamente de lo mismo:
http://www.forosdelweb.com/f53/condicionar-css-840423/

Un vistazo rápido o el haber usado el buscador (de google o del foro) para una cuestión tan genérica (contrapuesto a particular) le habría ahorrado su tiempo o que su consulta hubiese sido más precisa (relativa a algo en particular)

AitorLopez · #3 (**permalink**) 13/09/2010, 09:28

Hola. No había visto ese post al que te refieres, y es posible que buscando en google o en el foro encuentre algo, aunque suelo decantarme por abrir post y poder intercambiar opiniones con vosotros (una mania que tengo). En cualquier caso, disculpame.

Volviendo al hilo, he visto el otro hilo al que te refieres, y bueno, es cierto que es parecido, pero yo me refería al ejemplo en concreto que he expuesto en mi primer post, es decir, no quiero un condicionar (eso ya llegará), quiero guardar en una variable un valor y poder usarlo despues, para por ejemplo, poder cambiar el color de fondo de varias paginas cambiando solo el valor de una variable, no todos los valores de ese color de fondo.

daPhyre · #4 (**permalink**) 13/09/2010, 11:41

Tu pregunta es un poco ambigua. Aclarame un detalle. Lo que deseas es:

[CSS]
.mivariable{background:#999}

Y asignar esa clase a un div, una tabla, el body, o lo que lo requiera, o...

[CSS]
$mivariable = #999;
body{background:$mivariable}
div.clase1{background:$mivariable}
tabla.clase1{background:$mivariable}

El segundo caso es también posible con un PHP que genera un CSS (Aunque no exactamente como el ejemplo, pero similar). Muchos páginas como los blogs hacen esto para que el usuario modifique facilmente los colores de la página y estos se almacenan en variables.

Si es lo segundo, puedo conseguirte el código fácilmente, solo debo encontrarlo entre mis carpetas. Tu avísame que necesitas y así te ayudamos. Suerte

AitorLopez · #5 (**permalink**) 13/09/2010, 12:40

Hola. Gracias por tu respuesta.

De lo que estamos hablando es del segundo ejemplo que has puesto.

kseso? · #6 (**permalink**) 13/09/2010, 16:01

Cita:

Iniciado por AitorLopez

...En cualquier caso, disculpame...

No Aitor. No era mi intención recriminar nada y forzar una disculpa por tu parte, ni mucho menos forzarte a seguir un método u otro.
Mis disculpas si di motivos para que sacases esa conclusión.

Sólo pretendía resaltar lo ambiguo (genérico, falto de concreción y detalles particulares) de tu consulta e invitarte a concretarla aportando más información al respecto.
Por ello el enlace colocado, como orientación o iniciación del proceso de búsqueda de la respuesta.
Como verá, DaPhyre (hola) también encontró, al menos, dos interpretaciones posibles.

Me alegro ver que ya se va encaminando.

AitorLopez · #7 (**permalink**) 14/09/2010, 04:21

Ok Kseso, todo aclarado, porque no lo había entendido así.

De todas formas quedo a la espera del codigo de daphyre, que tengo muchas ganas de verlo, a ver como es posible conseguirlo.

Un saludo.

daPhyre · #8 (**permalink**) 15/09/2010, 15:16

Perdón la tardanza. No he podido probar el código, pero creo que es así:

style.php

Código PHP:

  <?php
header('Content-Type: text/css');

$colorletra = "#333";
$colorfondo = "#9cf";
?>

body{color:<?php $colorletra ?>;background:<?php $colorfondo ?>;}

Y para llamarlo, solo cambias en el Link "style.css" por "style.php".

Avísame si te funciona correctamente. Suerte

AitorLopez · #9 (**permalink**) 15/09/2010, 15:56

Hola. Gracias por tu respuesta.

Estoy haciendo unas pruebas, y de momento no me funciona.

Mira, hago esto. En el mismo directorio, tengo dos archivos: El primero, llamado index.php con este codigo

Código HTML:

Ver original<html>
<head>
<link rel="stylesheet" href="style.php" type="text/css" media="screen,projection,print" />
</head>
<body>
 
HOLA
 
</body>
</html>

El segundo, llamado style.php con este codigo

Código PHP:

Ver original<?php
header('Content-Type: text/css');
 
$colorletra = "#f5faff";
$colorfondo = "#d9ebfc";
?>
 
body{
color:<?php $colorletra; ?>;
background-color:<?php $colorfondo; ?>;
}

Pero no me funciona

jomaruro · #10 (**permalink**) 15/09/2010, 16:25

Hola:

¿Será que no puedes incluir el <body> dentro de los estilos?

Saludos.

zerokilled · #11 (**permalink**) 15/09/2010, 17:05

lo que veo es que le falta imprimir la salida de la variable desde php. es decir, un echo de la variable.

daPhyre · #12 (**permalink**) 15/09/2010, 17:48

Cita:

Iniciado por zerokilled

Es decir, un echo de la variable.

¡Error mio! Disculpa, lo hice un poco acelerado. Si, tendría que ser algo como

Código PHP:

 
color:<?php echo $colortext ?>

Gracias Zerokilled

AitorLopez · #13 (**permalink**) 16/09/2010, 00:16

Bueno chicos, esto ya funciona perfecto. Dejo a continuación el codigo funcionando, porque no se porque me da la impresion, que esto le va a venir muy bien a mucha gente. Creo que debemos darles las gracias a daphyre, yo el primero.
Archivo style.php

Código HTML:

Ver original<?php
header('Content-Type: text/css');
 
$colorletra = "#f5faff";
$colorfondo = "#d9ebfc";
?>
 
body{
color:<?php echo $colorletra; ?>;
background-color:<?php echo $colorfondo; ?>;
}

archivo index.php

Código HTML:

Ver original<html>
<head>
<link rel="stylesheet" href="style.php" type="text/css" media="screen,projection,print" />
</head>
<body>
 
HOLA
 
</body>
</html>