La hora del planeta: Colabora pe varon, apaga tu foco o te corto el internet

by starrillo 28. March 2009 00:42

Que bacán que Perú este participando en esta iniciativa, hay varias municipalidades y regiones en todo el Perú que han anunciado su participación en la Hora del Planeta. Así que: colabora pe varón, apaga tu foco!

Link Oficial: http://www.earthhour.org/home/pe:es-419

He realizado este pequeño banner para que lo pongan en su sitio Web, sólo aparecerá el 28 de marzo del 2009, desde las 8:30 PM hasta las 9:30 PM:

Para tener este banner en tu Web, durante la hora del planeta para todo el vicioso que se conecte a internet no se olvide de la hora del planeta, puedes usar el siguiente código:

1. Después de elemento <body> en tu página pones lo siguiente:

<div id="pHoraPlaneta">  

</div>

 <script type="text/javascript" language="javascript">

<!--

   //Autor: sergiotarrillo (http://sergiot2.com)

   //Versión: 0.2009.0328.0035     

   var datenow = new Date();

   var yearP = datenow.getFullYear();

   var monthP = datenow.getMonth() + 1; //start in 0

   var dayP = datenow.getDate();

   var hoursP = datenow.getHours(); //start in 0

   var minutesP = datenow.getMinutes();

   var resp = 0;

   if (hoursP == 20 && minutesP >= 30) { resp = 1; } 

   else if (hoursP==21 && minutesP<= 30 ) {resp = 1;  }

   var minutesP = datenow.getMinutes();

   if (yearP == 2009 && monthP == 3 && dayP == 28 && resp==1) 

   {

     var pMsg = document.getElementById("pHoraPlaneta");

     pMsg.innerHTML = '<strong><a href="http://www.earthhour.org/home/pe:es-419" target="_blank">LA HORA DEL PLANETA</a>, colabora pe var&oacute;n, apaga tu foco o te corto el internet!</strong> ESTE S&aacute;BADO 28 DE MARZO A LAS 8.30PM PUEDES VOTAR POR EL PLANETA APAGANDO TUS LUCES POR UNA HORA -LA HORA DEL PLANETA...';

     pMsg.setAttribute('class','horaPlaneta');

   }

//-->

</script>

2. Y finalmente en la cosa de estilos ponen lo siguiente:

/* Hoja de estilos para salvar al planeta  */

.horaPlaneta {

   padding: 11px 8px 11px 8px;

   background-color: #97B9FF;

   font-size: 150%;

   line-height: 1.2;

   color: #FFFFFF;

}