Bueno, el d?a de San Valent?n, d?a de los enamorados, d?a del amor y la amistad, o como le quieran llamar, est? pr?ximo, as? que una buena manera de decorar el blog en el mes del amor, es poner a volar a Cupido en el blog, con suerte y flecha a alguno de sus lectores o lectoras.
?Que c?mo se ve? En este blog de pruebas puedes ver a este peque?o personaje rondando por la p?gina.
El script funciona en todos los navegadores menos en Internet Explorer (para variar), as? que los usuarios de ese navegador no podr?n verlo.
Para poner este Cupido volando por el blog entra en la Edici?n HTML de tu plantilla, y antes de </head> pega este script.
Luego, antes de </body> agrega este c?digo.
<script type='text/javascript'>
//<![CDATA[
/***********************************************
* Cupido volando por el blog
* Script original de Virtual_Max
* Adaptado por ciudadblogger.com
***********************************************/
var vmin=1;
var vmax=5;
var vr=2;
var timer1;
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body}
function Chip(chipname,width,height){
this.named=chipname;
this.vx=vmin+vmax*Math.random();
this.vy=vmin+vmax*Math.random();
this.w=width+20;
this.h=height;
this.xx=0;
this.yy=0;
this.timer1=null;}
function movechip(chipname){
if (document.getElementById){
eval("chip="+chipname);
if (window.innerWidth || window.opera){
pageX=window.pageXOffset;
pageW=window.innerWidth-40;
pageY=window.pageYOffset;
pageH=window.innerHeight-20;}
chip.xx=chip.xx+chip.vx;
chip.yy=chip.yy+chip.vy;
chip.vx+=vr*(Math.random()-0.5);
chip.vy+=vr*(Math.random()-0.5);
if(chip.vx>(vmax+vmin)) chip.vx=(vmax+vmin)*2-chip.vx;
if(chip.vx<(-vmax-vmin)) chip.vx=(-vmax-vmin)*2-chip.vx;
if(chip.vy>(vmax+vmin)) chip.vy=(vmax+vmin)*2-chip.vy;
if(chip.vy<(-vmax-vmin)) chip.vy=(-vmax-vmin)*2-chip.vy;
if(chip.xx<=pageX){
chip.xx=pageX;
chip.vx=vmin+vmax*Math.random();}
if(chip.xx>=pageX+pageW-chip.w){
chip.xx=pageX+pageW-chip.w;
chip.vx=-vmin-vmax*Math.random();}
if(chip.yy<=pageY)
{chip.yy=pageY;
chip.vy=vmin+vmax*Math.random();}
if(chip.yy>=pageY+pageH-chip.h)
{chip.yy=pageY+pageH-chip.h;
chip.vy=-vmin-vmax*Math.random();}
document.getElementById(chip.named).style.left=chip.xx+"px";
document.getElementById(chip.named).style.top=chip.yy+"px";
chip.timer1=setTimeout("movechip('"+chip.named+"')",100);}}
function pagestart(){
CupidoVolando=new Chip("CupidoVolando",147,168);
movechip("CupidoVolando");}
if (window.addEventListener)
window.addEventListener("load", pagestart, false)
else if (window.attachEvent)
window.attachEvent("onload", pagestart)
else if (document.getElementById)
window.onload=pagestart
//]]>
</script>
<!-- Cupido volando -->En donde se indica pon la URL de la imagen del Cupido que m?s te guste. Aqu? hay seis im?genes de d?nde escoger.
<div id='CupidoVolando' style='position:absolute; z-index:80; left: -500px;'>
<img border='0' src='URL de la imagen'/></div>
<!-- Cupido volando -->
Habiendo puesto la URL de la imagen guarda los cambios y listo, tendr?s el blog listo para recibir el d?a de San Valent?n.
No comments:
Post a Comment