No crean que es broma!, en este articulo vamos a aprender como utilizar variables de php en nuestras hojas de estilos, con esto generamos mas posibilidades para poder interactuar con el usuario, así como mejores ventajas al momento de mostrar nuestro sitio web al usuario.
Lo primero que debemos hacer es cambiar la extensión del archivo de .css a .php.-
< link rel="stylesheet" type="text/css" href="css/style.php" />
Ahora que convertimos el archivo a extensión php, vamos a indicarle en el header el contenido de este, en la parte superior de la siguiente manera.-
< ?php
header("Content-type: text/css; charset: UTF-8");
? >
Y ahora ya podemos empezar a insertar variables php en nuestro archivo css.-
< ?php
header("Content-type: text/css; charset: UTF-8");
$texto = "#900";
$enlace = "#00F";
$sitio = "http://www.programacionazteca.com";
? >
Una ves definida las variables podemos empezar a utilizarlas.-
.wrapper {
background: url("/img/wrapper-bg.png") no-repeat;
}
a {
color: ;
}
...
ul li a {
color: ;
}
Todo esto que hicimos hasta el momento solo funciona en paginas estáticas, pero hay otro pequeño truco que nos permite usar php en archivos css usando paginas dinámicas, solo hay que agregar el siguiente código el archivo .htaccess.-
< FilesMatch "^.*?style.*?$">
SetHandler php5-script
< /FilesMatch>
como ven es muy facil y practico, esta idea la tenemos gracias a Chris Covier, cualquier duda que tengan pueden preguntarme, saludos.
0 responses to "variables php en hojas de estilos css"