martes, 7 de agosto de 2012

Utilizar lenguaje de servidor en CSS

La personalización de los estilos es una característica cada vez más usada en la actualidad. Cada usuario quiere escoger las imágenes y colores que aparecen en su interfaz y por ello, el desarrollo se debe ajustar a esas necesidades. Huyendo de ineficientes estilos en línea, esta vez vamos a introducir lenguaje de servidor (PHP) en las hojas de estilo CSS para lo cual se requieren varios pasos:

1.- Cambiar la extensión de nuestra hoja de estilo (*.css a *.php) y modificar nuestras referencias a ese script en nuestras páginas.

<link rel='stylesheet' type='text/css' href='css/estilos.php' />

2.- En la parte superior de la hoja de estilo indicamos que se trata de un script CSS.

<?php 
    header("Content-type: text/css; charset: UTF-8"); 
?>

3.- Incluir código de servidor en la hoja de estilo ya es posible.

....
<?php
   $colorBordes = "#D69924"; 
?>

#header {float:right; position:relative; width:766px; border: 1px solid <?php echo($colorBordes);?>;}
...

Aparte de la posibilidad de personalizar la apariencia para el usuario, este consejo nos permite generar interfaces en varios idiomas sin tener que duplicar el código, facilitanto la actualización de nuestra aplicación.

No hay comentarios:

Publicar un comentario