usar variables en el CSS con php

Hola,ahí algo que nos plantea el css3: las variables pero vamos,es aun un boceto que aun no esta listo,el html5 es renderizado por los navegadores modernos,pero el css3 aun no es usable sin hacks ni usar funciones experimentales no standars según el navegador,ninguna maneja el boceto actual completamente,Opera y Internet explorer son los unicos que acepta de manera standart.

 

Yo no soy fanático de IE ni del software privativo pero ahi que apreciar que sus programadores hicieron bien trabajaron para que IE use CSS3 de buena manera,lo de opera también es un logro,ademas opera siempre a sido innovador,aunque aveces innova con cosas inútiles que nunca llegan a ser standart.

cambiemos de tema,como no podremos usar aun las variables CSS3 que para aprovechar esta idea,les propongo usar un poco de PHP,empecemos. Primero enlazamos de manera standart el css pero envés de darle formato CSS al archivo le damos formato PHP:

 

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

 

ahora hagamos que PHP haga que el resultado sea leído como CSS,de la siguiente manera:

header(“Content-type: text/css; charset: UTF-8″);

ahora,declaremos las variables que usaremos,por ejemplo,yo usare estos:

 

$negro = “#000000″;

y en el CSS,por ejemplo seria:

p {

echo “color: $negro;”

}

a mi quedo el código PHP y CSS así:

header(“Content-type: text/css; charset: UTF-8″);

$negro = “#000000″;

echo “color: $negro;”

y me escribió este código:

color: #000000;

funciona 100%,espero que les sirva,aca algunas cosas que puedes hacer:

  • ahorrar tiempo y automatizar operaciones
  • hacer un sistema de temas para foros,etc.
  • Programar y diseñar menús en la mitad del tiempo.

Espero les allá gustado.

About these ads

One Response to usar variables en el CSS con php

  1. saint dice:

    esto te puede servir para hacer templetes dinamicos, pasando los parametros por GET o incluso por POST, dependiendo del fin que le quieras dar, si te interesa me dices y te hago un ejemplo. Tambien te puede servir si utilizas muchas hojas de estilo diferentes, puedes hacer una “libreria” en php con los colores guardados en variables y ya solo tienes que incluir la libreria (por medio de include) en tu archivo php/css y utilizar los colores con sus respectivas variables…. claro que para que esto sea mejor que escribir el codigo como normalmente lo hacemos pues los nombres de las variables tendrian que ser cortas, ya que lo que queremos hacer es ahorrar tiempo a la hora de escribir css.

    En todo caso la verdad no lo veo muy util, salvo para hacer templetes dinamicos o algun servicio de edicion web online donde el usuario pueda escoger los valores para algun elemento de la pagina y al enviar la informacion se cargue el css con los nuevos valores…

    saludos

Deja un comentario

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

Seguir

Recibe cada nueva publicación en tu buzón de correo electrónico.

A %d blogueros les gusta esto: