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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZyW5xZ0oLYc0vbriYpzj6cq5GPvtUOzSD57xdiDya9Uw1aCFlJG2U7eYa5ngzIcJ37rCrCRxi8wk_ivLJNMGohgJLyxAaRQRzC0fSZJejQp3zqsAmV5cCcv5duVURw1RLWM0wQ0s9cKY/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: