febrero 19, 2009
Publicado en Audio,CSS,Desarrollo Web,Diseño,Maquetación | No comments
Variar el estilo del blog según la hora de nuestros usuarios
Stylesheet switcher with time!, una agradable truco que muestra como con unas simples líneas de código podremos añadir a nuestro blog cosas realmente originales, en este caso la idea es cambiar nuestra hoja de estilo dependiendo de la hora del reloj. El truco es realmente simple, se basa en crear tres hojas con estilos diferentes, uno para la mañana, otro para la tarde y otro para la noche. Luego simplemente añadimos este código en nuestro encabezado:
Cambiamos esto:
HTML:
<link rel=”stylesheet” type=”text/css” href=”miestilo.css” />
por esto:
HTML:
<link rel=”stylesheet” type=”text/css” href=”
<?php
$hour = date(”H”);
if ($hour <12) echo “morning.css”;
elseif ($hour <20) echo “day.css”;
else if ($hour <4) echo “night.css”;
?>”
/>
<?php
$hour = date(”H”);
if ($hour <12) echo “morning.css”;
elseif ($hour <20) echo “day.css”;
else if ($hour <4) echo “night.css”;
?>”
/>
Primero, definimos la hora en la que deseamos que los estilos cambien. La hora del día está determinada por el ordenador del usuario. El resto es simple de entender.