viernes, 2 de febrero de 2018

Madelman 50 aniversario


Ya falta muy poco para el 50 aniversario de nuestro querido Madelman. El 22 de febrero de 1968 se registraba la patente de la popular figura, de modo que esta es de alguna manera la fecha de su nacimiento.



Ya se están ultimando los detalles de todos los eventos que tendrán lugar a nivel nacional y desde este blog les daremos difusión.

De momento, si tienes una página o un blog puedes incorporar el reloj inverso que aparece en la columna a la derecha para marcar los días, horas, minutos y segundos que faltan para el aniversario.

Aquí tienes el código, listo para copiar y pegar.

<link href="https://fonts.googleapis.com/css?family=Karla" rel="stylesheet" type="text/css"></link><style type="text/css">#countdown_container{font-size:13px;font-family:'Karla', sans-serif;width:250px;height:255px;background:url("https://1.bp.blogspot.com/-ZJyCo7MvPlM/WnRWb2D8lYI/AAAAAAAACnA/umLS4rYmzlM7IY3Cp74Aaa2PvoxdVNsswCLcBGAs/s1600/logo50.jpg") bottom center no-repeat;border:1px solid #dedede;padding:10px;}.countdown_square_container{color:#333;float:left;}.countdown_number{-webkit-box-shadow:0px 5px 10px 0px #444;box-shadow:0px 5px 10px 0px #444;-webkit-border-radius:10px 10px 10px 10px;border-radius:10px 10px 10px 10px;background:#FFF;width:50px;height:65px;font-size:30px;text-align:center;padding-top:15px;}.countdown_number_name{margin-top:10px;font-size:11px;text-transform:uppercase;text-align:center;text-shadow:1px 1px 0px #fff;}#countdown_toppart{height:115px;width:210px;margin:0px auto;}#countdown_bottompart{text-align:center;font-size:16px;text-shadow:1px 1px 0px #fff;max-height:55px;max-width:200px;overflow:hidden;}</style><script type="text/javascript">/*courtesy of onlineclock.net*/ countdown_dateFuture=new Date(2018,1,22,00,00,00);function countdown_UpdateCount(){dateNow=new Date();timediff=Math.abs(countdown_dateFuture.getTime() - dateNow.getTime());delete dateNow;if(timediff<0){document.getElementById('countdown_container').style.display="none";}else {days=0;hours=0;mins=0;secs=0;out="";timediff=Math.floor(timediff/1000);days=Math.floor(timediff/86400);timediff=timediff % 86400;hours=Math.floor(timediff/3600);timediff=timediff % 3600;mins=Math.floor(timediff/60);timediff=timediff % 60;secs=Math.floor(timediff);if(document.getElementById('countdown_container')){document.getElementById('countdown_days').innerHTML=days;document.getElementById('countdown_hours').innerHTML=hours;document.getElementById('countdown_mins').innerHTML=mins;document.getElementById('countdown_secs').innerHTML=secs;}setTimeout("countdown_UpdateCount()", 1000);}}window.onload=function(){countdown_UpdateCount();}</script><br />
<div id="countdown_container">
<div id="countdown_toppart" style="text-align: center;">
<div class="countdown_square_container">
<div class="countdown_number" id="countdown_days">
</div>
<div class="countdown_number_name">
Dias</div>
</div>
<div class="countdown_square_container">
<div class="countdown_number" id="countdown_hours">
</div>
<div class="countdown_number_name">
Horas</div>
</div>
<div class="countdown_square_container">
<div class="countdown_number" id="countdown_mins">
</div>
<div class="countdown_number_name">
Minutos</div>
</div>
<div class="countdown_square_container">
<div class="countdown_number" id="countdown_secs">
</div>
<div class="countdown_number_name">
Segundos</div>
</div>
</div>
<div id="countdown_bottompart">
</div>

No hay comentarios :

Publicar un comentario

No olvides dejar un comentario a esta entrada: