I. Introducción
Antes de comenzar a explicar el uso de hojas de estilos en PHP, recordar que se haga un repaso previo a qué son las hojas de estilo (CSS) en la programación web en caso de no saber de qué estamos hablando.
Pues bien, el objetivo del siguiente artículo, muy sencillo, todo hay que decirlo, es mostrar como podemos hacer una hoja de estilos (el típico estilos.css donde se definen todos los estilos de nuestra página) pero usando variables en PHP.
¿Qué ventajas tiene esto? ¡Muy sencillo! ¿Os imagináis poder crear una hoja de estilos de forma dinámica en función de lo que se introduzca en una base de datos? Darle al usuario la posibilidad de cambiar el diseño web simplemente rellenando formularios. La hoja de estilos se conectará a la base de datos (¡Recordad! ¡Estamos ante un fichero PHP!) y tomará como colores y propiedades aquellas definidas por el usuario.
Un ejemplo muy sencillo podría ser disponer de un pequeño formulario para definir las etiquetas <H1>, <H2> o las capas que se vayan a implementar en la web. Modificando adecuadamente ese formulario, luego, la hoja de estilos recogerá los valores de la base de datos y se usará un estilo totalmente dinámico.
¿Qué necesitamos para implementarlo? Muy sencillo. Básicamente se necesitan dos cosas:
- Fichero PHP donde se tenga el diseño de la web y se haga referencia a la hoja de estilos.
- Fichero PHP que “hará” de hoja de estilos.
II. Hoja de estilos
La hoja de estilos debe ser un fichero en PHP. Supongamos, “estilos.php” y en su contenido debe figurar lo siguiente:
<?php
header(“Content-type: text/css”);
$color = “blue”;
echo “
h2{
color: $color;
font-weight: bold;
font-size: 1.2em;
text-align: left;
}
“;
?>
Donde pone “h2″ se deberá colocar toda la hoja de estilos que se tiene prevista implementar. De esa forma, la variable $color (cuyo valor es “blue”) será la que se emplee para definir el color de la etiqueta H2. Imaginaos que en vez de coger esa sencilla variable, hacemos una consulta a la base de datos. La funcionalidad y potencia del sistema varía drásticamente.
La clave del código anterior reside en la primera línea: “header(“Content-type: text/css”);” línea que hará que el fichero en PHP sea del tipo CSS. De esta forma estamos engañando al sistema implementando una hoja de estilos con PHP.
Lo último que queda por implementar es hacer referencia a la hoja de estilos en la página diseñada.
III. Referencia en páginas PHP
El procedimiento es exactamente el mismo que si de una hoja CSS se tratara. La única diferencia reside en que en vez de referenciar a un fichero con extensión “.css” se hará referencia a un fichero con extensión “.php”:
<html>
<head><link rel=”stylesheet” href=”estilos.php”></head>
<body>
<h2>PRUEBA</h2>
</body>
</html>
Con el sencillo ejemplo anterior se ha configurado una hoja de estilos en PHP. Como podéis observar, la implementación es muy sencilla, pero siendo algo tan simple, es de gran utilidad según que casos.
como puedo hacer hojas de estilo css en php de una forma no tan complicada
un favor me podrian ayudar a crear hojas de estilos css
http://www.cssya.com.ar