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

Hemos 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