Variables en el estilo css

Si añadimos estilo css a nuestro sitio mediante un archivo externo, usando el tag link, podemos aprovechar el «dinamismo» de php para incluir variables. Podemos darle al usuario la opción de elegir entre colores o tamaños, siempre que estos atributos estén previamente declarados como variables. Nosotros podremos hacer cambios rápidamente en el estilo si estas variables están definidas en varios identificadores y/o clases.

Lo primero es renombrar el archivo «estilo.css», podemos llamarle «estilo.css.php». Es imprescindible reescribir el código donde aparezca el nombre del archivo.

Luego pondremos un pequeño script php al principio de la hoja de estilo, donde aprovecharemos para declarar las variables. En el ejemplo sólo hemos declarado algunos colores:

<?php header("Content-type: text/css");
$color1="#557722"; // verde
$color2="#ffa826"; // naranja
$color3="#666666"; // GRIS
$color4="#aaaaaa"; // GRIS claro
?>

Luego se escribe el css con normalidad, excepto donde deseemos usar una de las variables:

background-color:<?php echo $color2;?>

Write a Reply or Comment

Your email address will not be published.