Delicious LinkedIn Facebook Twitter RSS Feed

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

0 comments:

Post a Comment