Mi calendario, ¿quiere usarlo en su web?

Mi calendario.

Mi calendario.

El objetivo de este blog es compartir información sobre logística, informática o cualquier otro tema interesante que me atraiga.

Anteriormente ya había creado un blog con Joomla!, para el que creé la plantilla completamente.  Luego hice dos módulos para Joomla! que servían para insertar portales no Joomla en este CMS, que durante más de un año estuvieron entre los cinco primeros resultados de Google al buscar “Joomla Code” o “Joomla Module”.

Para este portal creé un calendario, que ahora he rescatado para mi nuevo blog.

Este calendario cambia la imagen de fondo, de día a noche, dependiendo de la hora.  Y cambia la fase de la luna según la fecha.

Me gusta como queda y deseo compartirlo con quien desee usarlo.

Si trabaja con WP, implementarlo es muy sencillo.

  • Con permisos de administrador vaya a Apariencia:Widgets.
  • Arrastre el Widget Texto a la ubicación en la que desee colocar el calendario.
  • Escriba el código que le propongo a continuación y pulse el botón “Guardar”.
<script language='JavaScript'>
    var f = new Date( );
    var v = "";
    v = f.getFullYear( );
    v += (f.getMonth( )+1<10 ? "0"+f.getMonth( )+1 : f.getMonth( )+1 );
    v += (f.getDay( )<10 ? "0"+f.getDay( ) : f.getDay( ) );
    v += (f.getHours( )<10 ? "0"+f.getHours( ) : f.getHours( ) );
    v += (f.getMinutes( )<10 ? "0"+f.getMinutes( ) : f.getMinutes( ) );
    document.write( "<img src='http://www.qmbecanada.com/calendario/calendario.php?fh="+v+"&msk=10&st=3&cr=128&cg=128&cb=128'/>" );
</script>

 

Esto es código JavaScript.  Recupera la fecha y hora que el usuario tenga en su máquina y la plasma en el calendario.

La línea:

<img src=’http://www.qmbecanada.com/calendario/calendario.php?fh=”+v+”&msk=10&st=3&cr=128&cg=128&cb=128’/>

es la que muestra la imagen compuesta del calendario.

  • v: es el valor recuperado de la fecha y hora, debe mantenerse así.
  • msk: es la forma que se muestra.  10 es la hoja de mi logo, pero tiene 27 donde escoger.  Cambie 10 por otro valor entre 0 y 26, y observará los resultados.
  • st: indica la forma de mostrar la fecha.  Pruebe con valores entre 0 y 3.
  • cr, cg y cb: es el color de la fecha en valores RGB.  Puede poner cualquier número entre 0 y 255.  cr es la cantidad de rojo, cg es la cantidad de verde y cb es la cantidad de azul.

Y aunque no están en este ejemplo, hay otros valores:

  • crd, cgd y cbd: son los colores de la fecha en valores RGB para el día.  Son similares a cr, cg y cb.  Pero el color de la fecha cambia a este color cuando se va haciendo de día y vuelve al original cuando se hace de noche.
  • lang: es el idioma en el que se mostrará el texto.  Puede escoger entre:  es=español, en=inglés, fr=francés, de=alemán, ca=catalán y gl=gallego.

Estos son algunos ejemplos:

fh=201201091854&msk=8&st=0&cr=128&cg=0&cb=0&crd=80&cgb=128&cbd=80

fh=201201091854&msk=8&st=0&cr=128&cg=0&cb=0&crd=80&cgb=128&cbd=80

fh=201103091615&msk=1&st=3&cr=128&cg=128&cb=128&lang=en

fh=201103091615&msk=1&st=3&cr=128&cg=128&cb=128&lang=en

fh=201308230003&msk=12&st=2&cr=128&cg=128&cb=128

fh=201308230003&msk=12&st=2&cr=128&cg=128&cb=128

fh=201112030210&msk=23&st=1&cr=80&cg=128&cb=256&crd=255&cgb=128&cbd=80

fh=201112030210&msk=23&st=1&cr=80&cg=128&cb=256&crd=255&cgb=128&cbd=80

fh=201210091213&msk=10&st=0&cr=128&cg=128&cb=128

fh=201210091213&msk=10&st=0&cr=128&cg=128&cb=128

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *