Usar código PHP dentro de hojas de estilos CSS

Para poder insertar código PHP dentro de una hoja de estilos CSS para así hacerlo mas dinámico, conozco dos maneras.

La primera es configurando el servidor apache donde alojamos nuestra pagina web, para ello tenemos que configurar el archivo httpd.conf (/etc/apache/httpd.conf) y buscar la linea donde pone:

AddType application/x-httpd-php .php

Y cambiarla por:

AddType application/x-httpd-php .php .css

A continuación reiniciamos el servidor apache para que los cambios surjan efecto.

Después de esto en nuestra hoja de estilos debemos añadir esta cabecera de php para indicar que el contenido del archivo es un css, para ello en la primera linea de nuestro css hay que usar este código:

<?php Header ("Content-type: text/css");?>

Con estos pasos ya podemos usar código php dentro de nuestro archivo css.

La segunda manera es hacerlo sin tocar nada en el servidor, usando el archivo .htaccess, para ellos editamos el .htaccess y añadimos la siguiente linea:

AddType application/x-httpd-php .css

Solo nos faltaría como en el caso anterior añadir en la primera linea de nuestro css el siguiente código:

<?php Header ("Content-type: text/css");?>

Yo prefiero usar la segunda manera, ya que no hay que tocar nada en el servidor y si el servidor tiene muchas paginas webs habría que editar todos los archivos css de todas las paginas que es un engorro.

Por ejemplo si tenemos este archivo css en esta ruta \style\style.css entraríamos a la carpeta style y dentro de ella crearíamos el archivo .htaccess con el código:

AddType application/x-httpd-php .css

A continuación editaríamos nuestro style.css y en la primera linea añadiríamos:

<?php Header ("Content-type: text/css");?>

Y después de esta linea ya añadiríamos nuestro estilo y quedaría nuestro style.css tal que asi.

* {
	padding: 0;
	margin: 0;
}

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background: #fff url(images/bg.gif) repeat-x;
color:#666;
}
¿Quieres compartirlo?
Share on Google+0Share on Facebook0Tweet about this on TwitterShare on LinkedIn0Pin on Pinterest0Share on Tumblr0Digg thisEmail this to someone