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”;
?>”
/>
En primer lugar, 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.
Loading ...
Walmar Andrade
01-07-2008
Permalink
Muy bueno, y ton simples...
ed
01-07-2008
Permalink
"La hora del día está determinada por el ordenador del usuario. El resto es simple de entender."
Hola, justamente iba a comentar esa parte, pero lo has aclarado al final.
Muy buen tutorial.
ed
01-07-2008
Permalink
Por cierto en ocasiones saco buenos sitios/links de tu blog, pero no me agrada mucho que se abra una ventana nueva cada vez.
Saludos.
URIELMANIA» diseño » varias Hojas de estilo
01-07-2008
Permalink
[...] facil cambiar el aspecto de nuestro blog agregando o quitando unas simples lineas de codigo y desde xyberneticos nos enseñan este truco Stylesheet switcher with time!, que realmente es simple, se basa en [...]
Jack The Ripper
01-07-2008
Permalink
Muy bueno pero.... ¿Qué utilidad tiene?
Djosus » Blog Archive » Cambia el estilo de tu pagina segun la hora
01-07-2008
Permalink
[...] Fuente | Xyberneticos : Variar el estilo de nuestro blog según la hora de nuestros usuarios Tags: css, TrucosPosted in Djosus | [...]
Mike
01-07-2008
Permalink
Pues yo lo hice de tal forma que me cabia una imagen para que aparesca un solecito o la luna pero lo malo y ya estuuve checando es que no me funciona bien y me agrega 7 horas a la hora que yo tengo actualmente.. si alguien le interesaria en ayudarme estaria muy agradecido..
Mike
01-07-2008
Permalink
Ya lo solucione...
11 && $hour 5) {echo "Buenos días";}else{ echo "Buenas noches";}echo " [GMT -5:00, México City]"?>
.. solo debes que restar el numero de horas con respecto a tu pais para el horario de greenwich.... ya solo le especificas a la persona que GMT manejas... y modifique el codigo un poco para que sea un poco mas inteligente en la decision de mañana, dia y noche....
Mike
01-07-2008
Permalink
/*11 && $hour 5) {echo "Buenos días";}else{ echo "Buenas noches";}echo " [GMT -5:00, Ciudad de México]"?>*/
Mike
01-07-2008
Permalink
pues no me deja poner mi codigo...
Mike
01-07-2008
Permalink
<?php $hour = date("H");$hour = $hour - 5;if ($hour >11 && $hour <19) {echo "Buenas Tardes";}elseif ($hour >5) {echo "Buenos días";}else{ echo "Buenas Noches";}echo " [GMT -5:00, Ciudad de México]"?>
RodrigoCR
01-07-2008
Permalink
@Mike :
mmm pues no le veo lo malo, solo te aconsejaría cambiar tus ifs de esta forma.
19) {echo "Buenas Noches";}elseif ($hour
Se supone que así es como lo quieres tu. Prueba y a ver que pasa... ya queno veo nada raro en lo tuyo pero por cualquier cosa.
RodrigoCR
01-07-2008
Permalink
@Mike :
oooh ... sin tags de php:
$hour = date("H");$hour = $hour - 5;if ($hour 19) {echo "Buenas Noches";}elseif ($hour