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
Viernes, 12 de Diciembre de 2008 a las 17.56
oye si eres principiante asi como yo, y no logras hacer correr en tu sitio ese codigo php puedes hacer lo siguiente
crea 3 archivos txt
por ejemplo css1.txt, css2.txt, css3.txt
donde en cada uno van a insertar su codigo css correspondiente al dia
ejemplo
#textarea{ background-color: #F7F7F7;
border-bottom-color: #00FF00;
border-color: #CCCCCC;
border-right-style:double;
}
#parrafo{text-align:justify;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #00FF00;
}
div#head{background:#FFFFFF;
}
body{background-color: #FFFFFF;
}
ese es un codigo sencillo css pero claro todo queda a tu gustos, acuerdate que para cada txt debe ser un css diferente …
entonces colocamos este codigo php donde deberia ir el css ejmplo
<?php
$hour = date(”H”);
if ($hour < 12) include “css1.txt”;
elseif ($hour < 20) include “css2.txt”;
else if ($hour
como nos funciona este codigo bueno, el servidor leee el codigo php dependiendo de la eleccion manda a incluir el txt que en este caso seria un codigo expresado como html entonces practicamente los estamos uniendo x medio de php y el navegador nos lo muestra en pantalla como
#textarea{ background-color: #F7F7F7;
border-bottom-color: #00FF00;
border-color: #CCCCCC;
border-right-style:double;
}
#parrafo{text-align:justify;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #00FF00;
}
div#head{background:#FFFFFF;
}
body{background-color: #FFFFFF;
}
walaaaaaaaa tenemos nuestro css que varia dependiendo de la hora del dia, de verdad a los webmaster avanzados no me vayan a insultar apenas soy principiante y pss no hic correr el otro codigo y se me ocurrio este, a todos los que estan igual q yo espero que les sirva y q si tienen mejores idea vamos diganlas..