Juan Manuel Martes, 1 de Julio de 2008 a las 12.38
   Imprimir artículo
elWebmaster.com

Cambiando con PHP el CSS de tu blog según la hora del día

Cambiando los estilos CSS de tu blog según la hora del díaHemos visto qué bonito queda cuando entramos a un blog o sitio web y según la hora del día vemos distintos diseños (cargados mediante diferentes hojas de estilos CSS). Esto es posible con un script de PHP (¡sólo tienes que copiar y pegar el código, no te asustes! ^_^).

La idea es que hagamos 3 diseños, por ejemplo, uno para la mañana, otro para la tarde y otro para la noche. Luego por PHP se detecta la hora local de la máquina desde donde se conecta el usuario, cargando una u otra hoja de estilo diferente. ¡Es muy sencillo de aplicar! Entérate cómo.

Para comenzar, debemos cambiar la extensión de nuestro archivo index.html por index.php, dado que vamos a ejecutar un sript de PHP para lograr el cambio automático de los estilos.

Por otro lado, debemos crear 3 temas diferentes y asignarles a cada uno una hoja de estilos propia. Un ejemplo sería “madrugada.css, mediodia.css y noche.css”.

Luego debemos encontrar la línea del header (en el código de nuestro index.php) que dice:

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

Esto lo cambiaremos por:

<link rel="stylesheet" type="text/css" href="
<?php
$hour = date("H");
if ($hour < 12) echo "madrugada.css";
elseif ($hour < 20) echo "mediodia.css";
else if ($hour < 4) echo "noche.css";
?>"
/>

Los que conozcan un poquito de programación podrán ajustar las horas en las que quieren el cambio, mediante las constantes 12; 20 y 4, o tocar lo que quieran.

¡Espero que te sirva!

Fuente: Webdevlounge.com

Enviar a Del.icio.us Enviar a Meneame Enviar a Digg Enviar a Fresqui Enviar a Enchilame

Deja tu opinión

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Iniciar Sesión