¿Como hacer que nuestra web cambie dependiendo de la hora del día?

22 de August de 2008 | Categoría: Programacion

En ocasiones pude ser interesante hacer que nuestra web se vea distinta por el día y por la noche. Para ello solo tenemos que crear dos Hojas de estilo (CSS) y hacer que dependiendo de la hora la web cargue una o otra.

Para ello disponemos del siguiente script muy sencillo:

<link rel="stylesheet" href="<?php $hour = date("H"); if ($hour <= 5) echo "css/noche.css"; elseif ($hour>= 6 AND $hour <= 19) echo "css/dia.css"; elseif ($hour>= 20) echo "css/noche.css"; else echo "css/white.css"; ?>" type="text/css" />

Explicación:

Lo primero que se hace es crear la variable $hour que almacena la hora del servidor. Luego, por medio del uso de condicionales vamos definiendo las diferentes hojas de estilo.

Concretamente el código anterior establece que la hoja de estilo sea noche.css desde las 8 p.m. hasta las 5 a.m. y el resto de horas del día se cargara la hoja dia.css.
 
 
Actualización: Carlos nos propone una opción mucho mejor. Yo me hice la picha un lio cuando escribí esta noticia. Aunque ambos funcionan esta opción es más sencilla y compacta.

<link rel="stylesheet" href="<?php $hour = date("H"); if ($hour>= 6 AND $hour <= 19) echo "css/dia.css"; else echo "css/noche.css"; ?>" type="text/css" />

 
Enlace permanente | 3 Comentarios →

Mejora la usabilidad de los formularios con mensajes automáticos

16 de April de 2008 | Categoría: JavaScript, Tutoriales

Un interesante manual publicado en woork que nos ayuda a incluir mensajes en los formularios que se mostrarán automáticamente al usuario cuando haga foco en él. Todo ello gracias a la librería javascript, Scriptaculous. Continuar leyendo »

 
Enlace permanente | 1 Comentario →