lunes, 22 de noviembre de 2010

Días que faltan para la navidad con imagen





Ir a Diseño, Edición de HTML y justo abajo de <body>

Poner el siguiente código:

<center>
<div style="position:fixed;top:10px;left:10px;color:#006633;font-size:80%;border: 1px solid #006633;padding:7px;z-index:888">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSZkC-PnODmM0tyJNOEbbzmTeCTT1V2jIfl8fBl9EQOqwdHTDLu3yh8X-NSRN7ZmzIOSTARJRhkFSCkiouDdX5y4Ep78kR_oYmGwknbE73DR6t48dnHH17CDwQ2Akczy0s7Jh_dzRhxK74/s1600/navidad.gif" style="display: block;clear: both;"/>
<script type="text/javascript">
//<![CDATA[
var today=new Date()
var theoccasion=new Date(today.getFullYear(), 12, 25)
var beforeOccasionText="hasta la Navidad"
var onOccasiontext="Hoy es Navidad. Felices Fiestas!"

var monthtext=new Array("Jan","Feb","Mar","April","May","June","July","Aug","Sep","Oct","Nov","Dec")
theoccasion.setMonth(theoccasion.getMonth()-1) //change to 0-11 month format
var showdate="("+monthtext[theoccasion.getMonth()]+" "+theoccasion.getDate()+")"
var one_day=1000*60*60*24
var calculatediff=""

calculatediff=Math.ceil((theoccasion.getTime()-today.getTime())/(one_day))
if (calculatediff<0){
var nextyeartoday=new Date()
nextyeartoday.setFullYear(today.getFullYear()+1)
calculatediff=Math.ceil((nextyeartoday.getTime()-today.getTime())/(one_day)+calculatediff)
}

var pluraldayornot=(calculatediff==1)? "día" : "días"
if (calculatediff>0)
document.write("<b>"+calculatediff+" "+pluraldayornot+" "+beforeOccasionText+"!</b>")
else if (calculatediff==0)
document.write("<b>"+onOccasiontext+"!</b>")
//]]>
</script></div></center>

Se mostrara arriba a la izquierda.
Se puede personalizar con estilo CSS. (en rojo)
Elegir y cambiar la imagen. (en azul)
Cambiar texto. (en negrita)

Hay 2 textos distintos:
El primero es el que se muestra hasta llegar al día 25 de diciembre. (hasta la Navidad)
El segundo se mostrara solo el 25 de diciembre. (Hoy es Navidad. Felices Fiestas!)

Ver otras entradas para la Navidad

No hay comentarios:

Publicar un comentario