La luna de hoy en tu web

Ver en otro color de fondo
Configuración

Tamaño (pixels)

Matiz
Claridad

Opciones:

Usa esta opción sólo para configurar con CSS. Ver un ejemplo en Codepen

Leyenda

Lenguaje del texto

Código para pegar en tu web

Notas:
  1. Si quieres puedes configurar el DIV contenedor de la luna en tu hoja de estilos.
    Por ejemplo:
    #contain_moon{ background-color:gray; color:white; font-family:Arial; }
  2. La luna hace click al calendario lunar del mes. (No manipules este link)
  3. Este widget no carga scripts ajenos a tu sitio por lo que tampoco genera cookies.
  4. Idiomas de salida disponibles del widget: Català ; Deutsch ; English ; Español ; Française ; Italiano ; Polski ; Português ; русский ; 中国 ;
  5. Ver un ejemplo en Codepen
  6. Este widget te da más

    Crea la funcion 'moon_widget_loaded' para obtener la Luna de todo el mes.

    Ejemplo:

    Ver ejemplo

    <div id="ex_moon_1" style="text-align:center"><!-- row 1 --></div> <div id="ex_moon_2" style="text-align:center"><!-- row 2 --></div> <script> function moon_widget_loaded(moon){ /* row 1 */ var html='<div>'+moon.nameMonth[moon.month]+' '+moon.year+'</div>' for (i=1;i<=moon.daysMonth;i++){ if (moon.phase[i].isPhaseLimit){ html+='<div style="display:inline-block;border:1px solid #cccccc;text-align:center;margin:2px;padding:0px 5px;vertical-align:top">' html+= moon.nameDay[moon.phase[i].dayWeek] +" "+i html+='<div>'+moon.phase[i].svg+'</div>' html+="<div>"+moon.phase[i].phaseName + "</div>" html+="</div>" } } document.getElementById("ex_moon_1").innerHTML=html /* row 2 */ html=""; var days =[1,15,moon.daysMonth] for (day in days){ i=days[day] html+='<div style="display:inline-block;border:1px solid #cccccc;text-align:center;margin:2px;padding:0px 5px;vertical-align:top">' html+= moon.nameDay[moon.phase[i].dayWeek] +" "+i html+='<div>'+moon.phase[i].svg+'</div>' html+="<div>"+moon.phase[i].phaseName + "</div>" if (!moon.phase[i].isPhaseLimit)html+=Math.round(moon.phase[i].lighting)+"%" html+="</div>" } document.getElementById("ex_moon_2").innerHTML=html } </script>

     

    Object moon
    • moon.month : Number → 0 (Enero) - 11 (Diciembre)
    • moon.year : Number
    • moon.firstDayMonth : Number → 1 (Lunes) - 7 (Domingo)
    • moon.daysMonth : Number → 28 - 31
    • moon.nameDay : Array → ['Lunes', 'Martes' ...]
    • moon.nameMonth : Array → ['Enero', 'Febrero' ...]
    • moon.phase [1 - moon.daysMonth ] : Object →
      • .phaseName : String
      • .isPhaseLimit : Boolean
      • .lighting : Number %
      • .timeEvent : String h:m:s
      • .dayWeek : Number → 0 (Lunes) - 6 (Domingo)
      • .svg : String svg image