Rutarelativa

Variables PHP en CSS

(3)

07 / Diciembre / 2009

CSS, Desarrollo, Php

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.

Artículos relacionados

La Fail Whale de Twitter completamente en CSS Publicado por sergiocius el día 28/07/2010Guardado en Anotaciones reducidas
Usar Google Translate con PHP y Python Publicado por sergiocius el día 28/06/2010Guardado en Desarrollo
Contactable: Plugin para wordpress para feedback y contacto Publicado por sergiocius el día 24/06/2010Guardado en Plugins
Escribir un post en Blogger usando cUrl y PHP Publicado por sergiocius el día 23/06/2010Guardado en Blogosfera, Desarrollo
¿Cómo puedo hacer ping XML-RPC con PHP? Publicado por KeLDroX el día 06/05/2010Guardado en Desarrollo, Php

Sobre KeLDroX

288

Desarrollador en entornos web y Diseñador de profesión, muy activo, que busca siempre enfrentarse a retos cada vez más dificiles. Si un día no hago algo nuevo o no he superado alguna dificultad para mi es un día vacío. Cuento con dos titulaciones: Técnico en Explotación de Sistemas Informáticos y Técnico Superior en Desarrollo de Aplicaciones Informáticas. Fundé rutarelativa porque siempre quise tener un sitio en donde compartir mis experiencias profesionales y a los problemas que me enfrento día a día en el ámbito profesional.

Sigue a Ruta Relativa

Trackback en Variables PHP en CSS

Hasta el momento el artículo Variables PHP en CSS no tiene Trackbacks.

Comentarios en Variables PHP en CSS

No sabia que se podia hacer eso xD

Elwood 07/12/2009 14:21:01

Hace unos dias en CSS-Tricks escribieron sobre este mismo tema y me parecio genial. El expuso este mismo ejemplo usando el .htaccess, asi como cambiando la extension .css por .php, que claro es mas facil la segunda opcion.

Aqui el link, espero que tu sistema no lo reconozca como span:
http://css-tricks.com/css-variables-with-php/

JuniHH 07/12/2009 16:04:29

@JuniHH Hace poco tuve que emplearlo en un proyecto y estuve buscando por Google y la opción de poner los estilos con archivos PHP no me agradaba demasiado. Así que la mejor opción es procesar el archivo CSS como si fuera PHP. Gracias por el link así estará todo más documentado.

Saludos!

Sampedro 07/12/2009 16:33:57

Escribir comentario en Variables PHP en CSS

¡Tu opinión nos interesa!. Escribe tu opinión lo más clara posible para que todos podamos entenderla, evita el spam, comentarios ofensivos, etc. ya que serán eliminados. Tu opinión sera moderada antes de ser publicada, por lo que su aparición en la web puede tardar unos minutos. Si deseáis ponerse en contacto para sugerencias o críticas podéis hacerlo desde el formulario de contacto.