Variables CSS con PHP

by Jesús -

El uso de variables CSS no es nuevo, y con PHP lo tenemos relativamente fácil. La verdad es que es una buena idea pero personalmente no me he decidido todavía a utilizarlas.

Los pasos que tenemos que seguir son estos:

Primero el cambio de extensión del archivo. Cambiamos .css por .php

<link rel='stylesheet' type='text/css' href='css/style.php' />

A continuación en las primeras líneas de nuestro archivo:

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

Y por último damos el valor a las variables que queramos:

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

   $brandColor = "#990000";
   $linkColor = "#555555";
   $link = "http://culipardos.es";
?>

Así de fácil. Para ultilizarlo más adelante solo tendríamos que hacer la llamada con un ‘echo’ por ejemplo.

#header {
background: url("<?php echo $link; ?>/images/bg.png") no-repeat; }
a {
  color: <?php echo $linkColor; ?>;
}
ul#main-nav li a {
  color: <?php echo $linkColor; ?>;
}

Se pueden hacer muchas más cosas con esta técnica. ¿Hasta dónde llega tu imaginación? :)

Visto en: CSS-TRICKS