NIEVE EN TU PAGINA WEB

- Texto por encima de la pagina (Opción 1)

<!-- www.cssplantillas.es.tl --> <marquee behavior=scroll direction=down scrollamount=5 scrolldelay=11 height=566 style='position:absolute;left:90%;top:181px;width:37;height:566px'><img src="https://img.webme.com/pic/c/cssplantillas/nieve.png" border=0></marquee> <marquee behavior=scroll direction=down scrollamount=1 scrolldelay=18 height=526 style='position:absolute; left:6%; top:111px;width:37; height:526px;'><img src="https://img.webme.com/pic/c/cssplantillas/nieve.png" border=0></marquee> <marquee behavior=scroll direction=down scrollamount=1 scrolldelay=49 height=585 style='position:absolute; left:53%; top:105px;width:37; height:585px;'><img src="https://img.webme.com/pic/c/cssplantillas/nieve.png" border=0></marquee> <marquee behavior=scroll direction=down scrollamount=4 scrolldelay=29 height=619 style='position:absolute; left:61%; top:118px;width:37; height:619px;'><img src="https://img.webme.com/pic/c/cssplantillas/nieve.png" border=0></marquee> <marquee behavior=scroll direction=down scrollamount=3 scrolldelay=43 height=570 style='position:absolute; left:64%; top:25px;width:37; height:570px;'><img src="https://img.webme.com/pic/c/cssplantillas/nieve.png" border=0></marquee> <marquee behavior=scroll direction=down scrollamount=2 scrolldelay=27 height=624 style='position:absolute; left:41%; top:54px;width:37; height:624px;'><img src="https://img.webme.com/pic/c/cssplantillas/nieve.png" border=0></marquee> <marquee behavior=scroll direction=down scrollamount=2 scrolldelay=23 height=509 style='position:absolute; left:39%; top:61px;width:37; height:509px;'><img src="https://img.webme.com/pic/c/cssplantillas/nieve.png" border=0></marquee> <marquee behavior=scroll direction=down scrollamount=5 scrolldelay=50 height=600 style='position:absolute; left:26%; top:42px;width:37; height:600px;'><img src="https://img.webme.com/pic/c/cssplantillas/nieve.png" border=0></marquee> <marquee behavior=scroll direction=down scrollamount=2 scrolldelay=11 height=554 style='position:absolute; left:38%; top:170px;width:37; height:554px;'><img src="https://img.webme.com/pic/c/cssplantillas/nieve.png" border=0></marquee> <marquee behavior=scroll direction=down scrollamount=1 scrolldelay=10 height=649 style='position:absolute; left:60%; top:147px;width:37; height:649px;'><img src="https://img.webme.com/pic/c/cssplantillas/nieve.png" border=0></marquee> <marquee behavior=scroll direction=down scrollamount=6 scrolldelay=31 height=531 style='position:absolute; left:72%; top:79px;width:37; height:531px;'><img src="https://img.webme.com/pic/c/cssplantillas/nieve.png" border=0></marquee> <marquee behavior=scroll direction=down scrollamount=3 scrolldelay=11 height=612 style='position:absolute; left:53%; top:173px;width:37; height:612px;'><img src="https://img.webme.com/pic/c/cssplantillas/nieve.png" border=0></marquee> <marquee behavior=scroll direction=down scrollamount=1 scrolldelay=10 height=634 style='position:absolute; left:48%; top:73px;width:37; height:634px;'><img src="https://img.webme.com/pic/c/cssplantillas/nieve.png" border=0></marquee> <marquee behavior=scroll direction=down scrollamount=2 scrolldelay=30 height=619 style='position:absolute; left:17%; top:110px;width:37; height:619px;'><img src="https://img.webme.com/pic/c/cssplantillas/nieve.png" border=0></marquee> <marquee behavior=scroll direction=down scrollamount=2 scrolldelay=27 height=657 style='position:absolute; left:5%; top:186px;width:37; height:657px;'><img src="https://img.webme.com/pic/c/cssplantillas/nieve.png" border=0></marquee> <marquee behavior=scroll direction=down scrollamount=2 scrolldelay=14 height=580 style='position:absolute; left:81%; top:187px;width:37; height:580px;'><img src="https://img.webme.com/pic/c/cssplantillas/nieve.png" border=0></marquee> <marquee behavior=scroll direction=down scrollamount=1 scrolldelay=8 height=513 style='position:absolute; left:80%; top:119px;width:37; height:513px;'><img src="https://img.webme.com/pic/c/cssplantillas/nieve.png" border=0></marquee> <marquee behavior=scroll direction=down scrollamount=1 scrolldelay=8 height=614 style='position:absolute; left:41%; top:114px;width:37; height:614px;'><img src="https://img.webme.com/pic/c/cssplantillas/nieve.png" border=0></marquee> <marquee behavior=scroll direction=down scrollamount=4 scrolldelay=33 height=668 style='position:absolute; left:31%; top:138px;width:37; height:668px;'><img src="https://img.webme.com/pic/c/cssplantillas/nieve.png" border=0></marquee> <marquee behavior=scroll direction=down scrollamount=4 scrolldelay=27 height=617 style='position:absolute; left:21%; top:112px;width:37; height:617px;'><img src="https://img.webme.com/pic/c/cssplantillas/nieve.png" border=0></marquee>

- Texto por encima de la pagina (Opción 2)

<!-- www.cssplantillas.es.tl --> <marquee behavior=scroll direction=down scrollamount=5 scrolldelay=11 height=566 style='position:absolute;left:90%;top:181px;width:24;height:566px'><img src="https://img.webme.com/pic/c/cssplantillas/nieve2.gif" border=0></marquee> <marquee behavior=scroll direction=down scrollamount=1 scrolldelay=18 height=526 style='position:absolute; left:6%; top:111px;width:24; height:526px;'><img src="https://img.webme.com/pic/c/cssplantillas/nieve2.gif" border=0></marquee> <marquee behavior=scroll direction=down scrollamount=1 scrolldelay=49 height=585 style='position:absolute; left:53%; top:105px;width:24;height:585px;'><img src="https://img.webme.com/pic/c/cssplantillas/nieve2.gif" border=0></marquee> <marquee behavior=scroll direction=down scrollamount=4 scrolldelay=29 height=619 style='position:absolute; left:61%; top:118px;width:24;height:619px;'><img src="https://img.webme.com/pic/c/cssplantillas/nieve2.gif" border=0></marquee> <marquee behavior=scroll direction=down scrollamount=3 scrolldelay=43 height=570 style='position:absolute; left:64%; top:25px;width:24;height:570px;'><img src="https://img.webme.com/pic/c/cssplantillas/nieve2.gif" border=0></marquee> <marquee behavior=scroll direction=down scrollamount=2 scrolldelay=27 height=624 style='position:absolute; left:41%; top:54px;width:24;height:624px;'><img src="https://img.webme.com/pic/c/cssplantillas/nieve2.gif" border=0></marquee> <marquee behavior=scroll direction=down scrollamount=2 scrolldelay=23 height=509 style='position:absolute; left:39%; top:61px;width:24;height:509px;'><img src="https://img.webme.com/pic/c/cssplantillas/nieve2.gif" border=0></marquee> <marquee behavior=scroll direction=down scrollamount=5 scrolldelay=50 height=600 style='position:absolute; left:26%; top:42px;width:24;height:600px;'><img src="https://img.webme.com/pic/c/cssplantillas/nieve2.gif" border=0></marquee> <marquee behavior=scroll direction=down scrollamount=2 scrolldelay=11 height=554 style='position:absolute; left:38%; top:170px;width:24;height:554px;'><img src="https://img.webme.com/pic/c/cssplantillas/nieve2.gif" border=0></marquee> <marquee behavior=scroll direction=down scrollamount=1 scrolldelay=10 height=649 style='position:absolute; left:60%; top:147px;width:24;height:649px;'><img src="https://img.webme.com/pic/c/cssplantillas/nieve2.gif" border=0></marquee> <marquee behavior=scroll direction=down scrollamount=6 scrolldelay=31 height=531 style='position:absolute; left:72%; top:79px;width:24;height:531px;'><img src="https://img.webme.com/pic/c/cssplantillas/nieve2.gif" border=0></marquee> <marquee behavior=scroll direction=down scrollamount=3 scrolldelay=11 height=612 style='position:absolute; left:53%; top:173px;width:24;height:612px;'><img src="https://img.webme.com/pic/c/cssplantillas/nieve2.gif" border=0></marquee> <marquee behavior=scroll direction=down scrollamount=1 scrolldelay=10 height=634 style='position:absolute; left:48%; top:73px;width:24;height:634px;'><img src="https://img.webme.com/pic/c/cssplantillas/nieve2.gif" border=0></marquee> <marquee behavior=scroll direction=down scrollamount=2 scrolldelay=30 height=619 style='position:absolute; left:17%; top:110px;width:24;height:619px;'><img src="https://img.webme.com/pic/c/cssplantillas/nieve2.gif" border=0></marquee> <marquee behavior=scroll direction=down scrollamount=2 scrolldelay=27 height=657 style='position:absolute; left:5%; top:186px;width:24;height:657px;'><img src="https://img.webme.com/pic/c/cssplantillas/nieve2.gif" border=0></marquee> <marquee behavior=scroll direction=down scrollamount=2 scrolldelay=14 height=580 style='position:absolute; left:81%; top:187px;width:24;height:580px;'><img src="https://img.webme.com/pic/c/cssplantillas/nieve2.gif" border=0></marquee> <marquee behavior=scroll direction=down scrollamount=1 scrolldelay=8 height=513 style='position:absolute; left:80%; top:119px;width:24;height:513px;'><img src="https://img.webme.com/pic/c/cssplantillas/nieve2.gif" border=0></marquee> <marquee behavior=scroll direction=down scrollamount=1 scrolldelay=8 height=614 style='position:absolute; left:41%; top:114px;width:24;height:614px;'><img src="https://img.webme.com/pic/c/cssplantillas/nieve2.gif" border=0></marquee> <marquee behavior=scroll direction=down scrollamount=4 scrolldelay=33 height=668 style='position:absolute; left:31%; top:138px;width:24;height:668px;'><img src="https://img.webme.com/pic/c/cssplantillas/nieve2.gif" border=0></marquee> <marquee behavior=scroll direction=down scrollamount=4 scrolldelay=27 height=617 style='position:absolute; left:21%; top:112px;width:24;height:617px;'><img src="https://img.webme.com/pic/c/cssplantillas/nieve2.gif" border=0></marquee>

---

<a href="http://cssplantillas.es.tl/Cuantos-a%F1os-tienes-js.htm">CssPlantillas - ¡Calcula tu edad!</a>

---

Compartir:

Twittear

[ Codigos: ]

- Donde quieras que aparesca

<!-- www.cssplantillas.es.tl --> <script type="text/javascript"> function isValidDate(day,month,year) { var dteDate; month=month-1; dteDate=new Date(year,month,day); return ((day==dteDate.getDate()) && (month==dteDate.getMonth()) && (year==dteDate.getFullYear())); } function validate_fecha(fecha) { var patron=new RegExp("^(19|20)+([0-9]{2})([-])([0-9]{1,2})([-])([0-9]{1,2})$"); if(fecha.search(patron)==0) { var values=fecha.split("-"); if(isValidDate(values[2],values[1],values[0])) { return true; } } return false; } function calcularEdad() { var fecha=document.getElementById("user_date").value; if(validate_fecha(fecha)==true) { var values=fecha.split("-"); var dia = values[2]; var mes = values[1]; var ano = values[0]; var fecha_hoy = new Date(); var ahora_ano = fecha_hoy.getYear(); var ahora_mes = fecha_hoy.getMonth(); var ahora_dia = fecha_hoy.getDate(); var edad = (ahora_ano + 1900) - ano; if ( ahora_mes < (mes - 1)) { edad--; } if (((mes - 1) == ahora_mes) && (ahora_dia < dia)) { edad--; } if (edad > 1900) { edad -= 1900; } document.getElementById("result").innerHTML="Resultado: Hasta hoy tienes <b>"+edad+"</b> años!"; }else{ document.getElementById("result").innerHTML="ups! La fecha <b>"+fecha+"</b> es incorrecta."; } } </script> <form><center> Calcula tu edad!<br> <input type="date" name="user_date" id="user_date" /> <br>Ejemplo: 1990-01-01 <i>(Año-mes-día)</i><br> <input type="button" value="Calcula tu edad!" onclick="javascript:calcularEdad();" size="23"/> <input type="reset" name="resetb" VALUE=" Limpiar "></form></center> <div id="result"></div>

Calcula tu edad!

Ejemplo: 1990-01-01 (Año-mes-día)