martes, 23 de abril de 2024

GIF animados » Naturaleza » Lluvia Arcoiris

 Lluvia Arcoiris



<a href="https://www.glitter-graphics.com"><img src="http://dl5.glitter-graphics.net/pub/590/590935ankbyj1xx4.gif" width=90 height=90 border=0></a>



<script type='text/javascript'>


var fallObjects=new Array();function newObject(url,height,width){fallObjects[fallObjects.length]=new Array(url,height,width);}


var numObjs=8, waft=22, fallSpeed=8, wind=0;


newObject("https://i.postimg.cc/26X7SYND/estrellas.gif",5,5);


function winSize(){winWidth=(moz)?window.innerWidth-120:document.body.clientWidth-120;winHeight=(moz)?window.innerHeight+500:document.body.clientHeight+500;}


function winOfy(){winOffset=(moz)?window.pageYOffset:document.body.scrollTop;}


function fallObject(num,vari,nu){


objects[num]=new Array(parseInt(Math.random()*(winWidth-waft)),-30,(parseInt(Math.random()*waft))*((Math.random()>0.5)?1:-1),0.02+Math.random()/20,0,1+parseInt(Math.random()*fallSpeed),vari,fallObjects[vari][1],fallObjects[vari][2]);


if(nu==1){document.write('<img id="fO'+i+'" style="position:fixed;" src="'+fallObjects[vari][0]+'">'); }


}


function fall(){


for(i=0;i<numObjs;i++){


var fallingObject=document.getElementById('fO'+i);


if((objects[i][1]>(winHeight-(objects[i][5]+objects[i][7])))||(objects[i][0]>(winWidth-(objects[i][2]+objects[i][8])))){fallObject(i,objects[i][6],0);}


objects[i][0]+=wind;objects[i][1]+=objects[i][5];objects[i][4]+=objects[i][3];


with(fallingObject.style){ top=objects[i][1]+winOffset+'px';left=objects[i][0]+(objects[i][2]*Math.cos(objects[i][4]))+'px';}


}


setTimeout("fall()",31);


}


var objects=new Array(),winOffset=0,winHeight,winWidth,togvis,moz=(document.getElementById&&!document.all)?1:0;winSize();


for (i=0;i<numObjs;i++){fallObject(i,parseInt(Math.random()*fallObjects.length),1);}


fall();


</script>



GIF animados » Animales » diminutas mariposas




GIF animados » Animales » diminutas mariposas

<a href="https://www.glitter-graphics.com"><img src="http://dl7.glitter-graphics.net/pub/474/474167l68h9nknqq.gif" width=138 height=53 border=0></a><br><a href="https://www.glitter-graphics.com" target=_blank>glitter-graphics.com</a>

Fuente: https://www.glitter-graphics.com/gifs/animals/Y04-tiny-butterflies


lunes, 22 de abril de 2024

Iconos cayendo por la pantalla de tu blog

 Esta es una idea de glitter-graphics, que tiene un apartado que es un generador de objetos

 que caen. Es muy sencillo de poner.



1. Pincha sobre el muñequito que te guste. Tienes varias opciones a elegir, entre ellas 

 el tamaño, la dirección hacia la que vayan los iconos, la rapidez... Una vez terminado de modificar 

a tu gusto, dale a "Generate Code".

2. Después de pinchar sobre esa opción, te aparecerá una ventana con el código HTML que debes copiar. Y te aparecerá también como quedará en tu blog los muñecos.

3. Para ponerlo en el blog dirígete a la opción "Diseño - Añadir gadget - HTML/Java Script" y pega el código copiado. Luego dale a "Guardar". Si has seguido correctamente todos los pasos, te aparecerán 
en tu blog los muñecos animados.


4. Un consejo: no te asustes si en cuanto guardas el gadget no te aparecen los objetos, porque tardan unos segundos en aparecer, así que dale tiempo.

Fuente: http://eldesastredemaria.blogspot.com/2013/04/como-poner-en-tu-blog-iconos-pequenitos.html