CSS avanzado
Capítulo 6. Técnicas avanzadas
Siguiendo con la hoja de estilos de los ejemplos anteriores, el resultado es el que se muestra a continuación: <!--#set var="colorPrincipal" value="#369" --> <!--#set var="colorSecundario" value="#557E29" --> #cabecera { background-color: <!--#echo var="colorPrincipal" -->; color: #FFF; } #contenidos h1, #contenidos h2 { color: <!--#echo var="colorPrincipal" -->; } a { color: <!--#echo var="colorSecundario" -->; } span { background-color: <!--#echo var="colorSecundario" -->; }
Si no se quiere utilizar otra extensión para los archivos CSS procesados por el servidor, es posible hacer uso de la directiva XBitHack, tal y como se explica en la documentación oficial de Apache 2.2 sobre SSI (http://httpd.apache.org/docs/2.2/howto/ssi.html) .
6.3.1. Lenguajes de programación de servidor La solución alternativa al uso de las directivas SSI del servidor web consiste en emplear un lenguaje de programación de servidor. Aunque se trata de una técnica diferente, también se basa en procesar las hojas de estilos en el servidor antes de enviarlas al usuario. Los detalles técnicos de la solución dependen del lenguaje de programación utilizado, pero el mecanismo que se utiliza es idéntico en todos los casos. A continuación se muestra un ejemplo que hace uso del lenguaje de programación PHP. Para incluir variables en las hojas de estilos CSS, se crea un archivo con extensión .php y se utiliza la sintaxis que se muestra en el siguiente ejemplo: <?php header('content-type:text/css'); $nombre_variable1 = 'valor_variable1'; $nombre_variable2 = 'valor_variable2'; echo <<<FINCSS selector { propiedad1: $nombre_variable1; propiedad2: $nombre_variable2; } FINCSS; ?>
Siguiendo con la hoja de estilos de los ejemplos anteriores, el archivo PHP completo es el siguiente: www.librosweb.es
139