Bueno, en realidad es super b�sico. Simplemente cogemos la hora del sistema con el objeto Date y dependiendo de cual sea escribimos con document.write la direcci�n de una hoja de estilos u otra.

- Ejemplillo tonto:
Metemos en el Head del documento este javascript:

var fecha=new Date(); // tomamos la fecha con el objeto Date();
var ahora= fecha.getHours();
// metemos la hora actual en una variable
var amanece=7; // pongamos que amanece a las 7...
var anochece=21; // y anochece a las 8 de la tarde.
if (ahora<amanece || ahora>anochece) {
// si la hora actual es menor que la de amanecer y mayor que la de anochecer; document.write('<link rel="stylesheet" href="noche.css" type="text/css">');
// tomamos la hoja de estilos "noche.css"
} else {
document.write('<link rel="stylesheet" href="dia.css" type="text/css">');
// y si no pues "dia.css"
}


y en las css:
*
   "dia.css"*
body  {
   color: black;
   background-color: white;
}



 *  "noche.css"*
body  {
   color: white;
   background-color: black;
}


Si probais a cambiar la hora de amanecer o anochecer vereis como cambian las hojas de estilo.
Como veis es una chorrada de c�digo pero creo que puede dar un mont�n de juego.


P.D perdonen si las explicaciones del c�digo son muy b�sicas. No se el nivel que se maneja por aqu� (el m�o es bastante flojo, la verdad).


Saludos.






_______________________________________________ Lista de distribuci�n Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus tados o desuscribirte en la siguiente direcci�n: http://ovillo.org/mailman/listinfo/ovillo_ovillo.org

Responder a