martes, 7 de diciembre de 2010

Cómo hacer un reloj navideño




Ir a Diseño, Elementos de la página y añadir un gadget HTML/Javascript.

Poner el siguiente código:


<script type='text/javascript'>
// http://loseasi.blogspot.com
// NO MODIFICAR SCRIPT
var clockid=new Array()
var clockidoutside=new Array()
var i_clock=-1
var thistime= new Date()
var hours=thistime.getHours()
var minutes=thistime.getMinutes()
var seconds=thistime.getSeconds()
if (eval(hours) <10) {hours="0"+hours}
if (eval(minutes) < 10) {minutes="0"+minutes}
if (seconds < 10) {seconds="0"+seconds}
var thistime = hours+":"+minutes+":"+seconds

function writeclock() {
i_clock++
if (document.all || document.getElementById || document.layers) {
clockid[i_clock]="clock"+i_clock
document.write("<span id='"+clockid[i_clock]+"' style='position:relative'>"+thistime+"</span>")
}
}

function clockon() {
thistime= new Date()
hours=thistime.getHours()
minutes=thistime.getMinutes()
seconds=thistime.getSeconds()
if (eval(hours) <10) {hours="0"+hours}
if (eval(minutes) < 10) {minutes="0"+minutes}
if (seconds < 10) {seconds="0"+seconds}
thistime = hours+":"+minutes+":"+seconds

if (document.all) {
for (i=0;i<=clockid.length-1;i++) {
var thisclock=eval(clockid[i])
thisclock.innerHTML=thistime
}
}

if (document.getElementById) {
for (i=0;i<=clockid.length-1;i++) {
document.getElementById(clockid[i]).innerHTML=thistime
}
}
var timer=setTimeout("clockon()",1000)
}
window.onload=clockon
</script>
<center>
<div style="position:relative;;width:200px;"> <!--Ancho de la caja-->
<!--Primera imagen que se muestro por debajo del reloj-->
<img src="http://img46.xooimage.com/files/1/c/6/papa-noel--marco--navidad-2341ff6.jpg" border="0"/>
<span style="position:absolute;left:43px;top:48px;z-index:1;color:#ffffff; font-size:28px;">
<!--Script del Reloj-->
<script>writeclock()</script>
</span>
</div>
<!--Segunda imagen - Si se quiere se puede quitar-->
<img src="http://img44.xooimage.com/files/0/3/8/papa-noel-navidad-reloj-2341f47.gif" border="0"/>
</center>

Cambiar las imágenes (azul) por las propias.

Ajustar los estilos según el tamaño de la imagen (Solo modificar lo que esta en Rojo).


Ver otras entradas para la Navidad

No hay comentarios:

Publicar un comentario