Juan Manuel 1 de julio de 2008 a las 12.38
   Imprimir artículo
elWebmaster.com

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


Cambiando los estilos CSS de tu blog según la hora del díaHemos 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


Enviar a Del.icio.us Enviar a Meneame Enviar a Digg Enviar a Fresqui Enviar a Enchilame

Comentarios (2)

  1. Jose Martinez(RED DITEC, YZO) dice:

    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..

  2. Sebastian dice:

    Buenas, no he probado el codigo aun pero en breve lo hare, pregunta… hay forma de que teniendo el sitio en mi celu por ejemplo el cambio se haga sin tener que hacer un refresh de la pagina ?

Deja tu opinión

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Acceder