de amistad,de amor, de best amor, imagenes de san valentin, imagenes de navidad, imagenes de adviento, imagenes de angles, imaganes de amor, imagenes de cumpleaños
Espectáculo de estrellas que caen sobre su Blog,muy util si queremos decorar un Blog con un efecto simple sin modificar el fondo.Este efecto de "estrellas cayendo",podemos usarlo para otros motivos,como nieve,hojas,corazones,etc,etc,tan solo cambiando la url de la imagen...
Estos son los pasos: 1ºVamos a "Diseño" y en "Edición de HTML",una vez hay pulsamos en nuestro teclado "Control+F" para buscar donde poner 2 simples códigos. 2ºComo se ve en la imagen buscaremos </head> y justo antes pegaremos el código que podeis encontrar en el siguiente botón:
<script language='javascript' type='text/javascript'> //<![CDATA[ // Nevando en la pagina por Eloi Gallés Villaplana // Adaptado a navegadores DOM por Iván Nieto - junio 2007
var numero = 16 var velocidad = 4 var imagennieve = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisKD29_wk3jsQzXYiYn4bE6sQfw8gpMWba8D1A9fB45kctJnRrCsMjyUxjJ672N1oc-8XM2KQ2l0CNKgGBCRmoBL2ux5Kp4ODDg7hpzAOEj4orx1QTzl5vb7rJOPpXJE4Dd4MSHyh5otyW/"
var ns4arriba = (document.layers) ? 1 : 0 var ie4arriba = (document.all) ? 1 : 0 var dombrowser = (document.getElementById) ? 1 : 0
var dx, xp, yp var am, stx, sty var i, doc_ancho = 1024, doc_alto = 768
function nieva() {
establece_dimensiones()
dx = new Array() xp = new Array() yp = new Array() am = new Array() stx = new Array() sty = new Array();
for (i = 0; i < numero; ++ i) { dx[i] = 0 xp[i] = Math.random()*(doc_ancho-50) yp[i] = Math.random()*doc_alto am[i] = Math.random()*20 stx[i] = 0.02 + Math.random()/10 sty[i] = 0.7 + Math.random() if (document.layers) { if (i == 0) { document.write("<layer name=\"dot"+ i +"\" left=\"15\" ") document.write("top=\"15\" visibility=\"show\"><img src=\"") document.write(imagennieve + "\" border=\"0\"></layer>") } else { document.write("<layer name=\"dot"+ i +"\" left=\"15\" ") document.write("top=\"15\" visibility=\"show\"><img src=\"") document.write(imagennieve + "\" border=\"0\"></layer>") } } else if (document.all || document.getElementById) { if (i == 0) { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ") document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ") document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"") document.write(imagennieve + "\" border=\"0\"></div>") } else { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ") document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ") document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"") document.write(imagennieve + "\" border=\"0\"></div>") } } }
nieve() }
function nieve() { for (i = 0; i < numero; ++ i) { yp[i] += sty[i]; if (yp[i] > doc_alto) { xp[i] = Math.random()*(doc_ancho-am[i]-30) yp[i] = 0 stx[i] = 0.02 + Math.random()/10 sty[i] = 0.7 + Math.random() establece_dimensiones() }
dx[i] += stx[i];
if ( document.all ) { var copo = eval("dot" + i ) copo.style.posLeft = xp[i] + am[i]*Math.sin(dx[i]) copo.style.posTop = yp[i] }
4ºMiremos que se visualize todo correcto con "Vista previa" y "Guardamos plantilla". *Al inicio del primer código que pegaste verás que dice: -var numero = 16 ahí puedes modificar el número de copos que quieres que aparezcan y en -var velocidad = 4 la velocidad con la que caen.
*Podeís cambiar el tipo de estrella modificando la "url" de imagen:
*Para elegir la "url" de una de estas imagenes,pulsamos en nuestro ratón botón derecho sobre la imagen elegida,y en las opciones que salen seleccionamos:"Copiar la ruta de imagen".
0 comments:
Post a Comment