En el mundo de la programación se crean infinidad de variables que van cambiando según se interactúa con el programa. En CSS tampoco podría ser menos y la versión 3 de CSS permite realizarlo. El problema radica en que todos los exploradores no soportan esta funcionalidad, ni tampoco podría obtener valores desde MYSQL o PHP. Por ello existe un pequeño truco que he utilizado en uno de mis últimos proyectos.
Como utilizar variables PHP en CSS
Añadimos a nuestra cabecera la hoja de estilo
<link rel='stylesheet' type='text/css' href='estilo.css' />
Archivo estilo.css
<?php
header("Content-type: text/css; charset: UTF-8");
$color1 = '#FFFFFF';
$color2 = '#FFCC33';
?>
#cabecera
{
background-color: <?php echo $color1; ?>;
}
a
{
color: <?php echo $color2; ?>;
}
Archivo .htaccess
<FilesMatch "^.*?estilo.*?$">
SetHandler php5-script
</FilesMatch>
Como vemos al poder usar variables PHP dentro del CSS se pueden extender otras ideas como, compresión por GZIP, atacar a MYSQL, etc. La configuración del archivo .htaccess es importante para que el archivo CSS sea procesado como un archivo PHP y así poder utilizar las variables.
-
Añadir icono dentro de un Input Publicado por Sampedro el día 10/03/2010
Guardado en CSS -
Warning: PDO [2002] Argumento inválido Publicado por Sampedro el día 02/03/2010
Guardado en Desarrollo -
Como mostrar acentos en HTML Publicado por Sampedro el día 16/02/2010
Guardado en Desarrollo -
Herramientas online para comprimir CSS y Javascript Publicado por Sampedro el día 15/02/2010
Guardado en Desarrollo, Tips, Web -
Dibujar figuras en PHP GD Publicado por Sampedro el día 01/02/2010
Guardado en Desarrollo, Php