• ¡Bienvenido a XenFácil!

    Estás viendo el sitio como Invitado. Para poder participar en este sitio

    y obtendrás privilegios adicionales, acceso a otras áreas y mucho mas.

    ¡Es gratis!


    ¿Ya eres miembro? Inicia sesión

Mod.Plantilla Hacer Caer Copos de nieve.

lms

Administrador
Mensajes
7.741
Puntuación de reacciones
2.163
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
Pongo el código para que veáis que se puede cambiar casi todo ahora:
Insertar CODE, HTML o PHP:
<script type="text/javascript">

/******************************************
* Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)
* Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code
* Last updated Nov 9th, 05' by DD. This notice must stay intact for use
******************************************/

  //Configure below to change URL path to the snow image
  var ruta = "@imagePath/xenforo/navidad/";
  var nom_pre = "copo-";
  var nom_fin = ".png";
  var snowsrc;         //("copo-1.png","copo-2.png","copo-3.png","copo-4.png","copo-5.png","copo-6.png","copo-7.png","copo-8.png","copo-9.png","copo-10.png","copo-11.png","copo-0.png")
  snowsrc = new Array();
  // Configure below to change number of snow to render
  var no = 12;
  // Configure whether snow should disappear after x seconds (0=never):
  var hidesnowtime = 0;
  // Configure how much snow should drop down before fading ("windowheight" or "pageheight")
  var snowdistance = "pageheight";
  for (i = 0; i < no; ++ i) {
  snowsrc[i] = ruta + nom_pre + i + nom_fin;
  }

///////////Stop Config//////////////////////////////////

  var ie4up = (document.all) ? 1 : 0;
  var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

    function iecompattest(){
    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
    }

  var dx, xp, yp;    // coordinate and position variables
  var am, stx, sty;  // amplitude and step variables
  var i, doc_width = 800, doc_height = 600;

  if (ns6up) {
    doc_width = self.innerWidth;
    doc_height = self.innerHeight;
  } else if (ie4up) {
    doc_width = iecompattest().clientWidth;
    doc_height = iecompattest().clientHeight;
  }

  dx = new Array();
  xp = new Array();
  yp = new Array();
  am = new Array();
  stx = new Array();
  sty = new Array();
  for (i = 0; i < no; ++ i) {
  snowsrc[i]=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.png" : snowsrc[i];
  }
  for (i = 0; i < no; ++ i) {
    dx[i] = 0;                        // set coordinate variables
    xp[i] = Math.random()*(doc_width-50);  // set position variables
    yp[i] = Math.random()*doc_height;
    am[i] = Math.random()*20;         // set amplitude variables
    stx[i] = 0.02 + Math.random()/10; // set step variables
    sty[i] = 0.7 + Math.random();     // set step variables
        if (ie4up||ns6up) {
      if (i == 0) {
        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc[i]+"' border=\"0\"><\/a><\/div>");
      } else {
        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc[i]+"' border=\"0\"><\/div>");
      }
    }
  }

  function snowIE_NS6() {  // IE and NS6 main animation function
    doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
        doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")?  iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
    for (i = 0; i < no; ++ i) {  // iterate for every dot
      yp[i] += sty[i];
      if (yp[i] > doc_height-50) {
        xp[i] = Math.random()*(doc_width-am[i]-30);
        yp[i] = 0;
        stx[i] = 0.02 + Math.random()/10;
        sty[i] = 0.7 + Math.random();
      }
      dx[i] += stx[i];
      document.getElementById("dot"+i).style.top=yp[i]+"px";
      document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
    }
    snowtimer=setTimeout("snowIE_NS6()", 10);
  }

    function hidesnow(){
        if (window.snowtimer) clearTimeout(snowtimer)
        for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
    }

if (ie4up||ns6up){
    snowIE_NS6();
        if (hidesnowtime>0)
        setTimeout("hidesnow()", hidesnowtime*1000)
        }

</script>
Las imágenes deben ir numeradas para que pueda funcionar el script sin complicaciones siguiendo las siguientes condiciones:
var ruta = "@imagePath/xenforo/navidad/"; Marca la ruta donde van las imágenes. Ubicación de las imágenes en el servidor.​
var nom_pre = "copo-"; Inicio del nombre de la imagen.​
var nom_fin = ".png"; Final del nombre de la imagen incluyendo la extensión.​

Así, la imagen toma el nombre (en el ejemplo) de @imagePath/xenforo/navidad/copo-X.png en donde X es un número de 0 a lo que definas en var no = 12; Se deben colocar tantas imágenes como definamos en esta variable, en la ruta elegida y respetando la formación del nombre (si varías var nom_pre = "copo-"; a var nom_pre = "nieve-"; y la extensión a var nom_fin = ".gif"; las imágenes se deberán denominar nieve-X.gif).

Salud2
 

descaro

Activo
Mensajes
353
Puntuación de reacciones
129
Puntos
43
nieve de colores .. creí que todo estaba ya inventado.. hehe :D


queda chuli, muy navideño santa.gif
 

lms

Administrador
Mensajes
7.741
Puntuación de reacciones
2.163
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
¡Es más cálida! y así xenSiberia está más "caliente".

Feliz Navidad.

Salud2
 

lms

Administrador
Mensajes
7.741
Puntuación de reacciones
2.163
Puntos
2.613
Sitio web
xenfacil.com
País
España
Versión de XenForo
2.1.x
PayPal
Donar dinero a este usuario
Página web
Web
También sigue funcionando. Lo estoy haciendo en complemento para poder activarlo y desactivarlo cuando proceda.

Salud2
 

Velli

Miembro
Mensajes
43
Puntuación de reacciones
17
Puntos
8
Sitio web
mafialandia.com
País
España
Versión de XenForo
Página web
Web
¿El nombre de la plantilla creada debe tener algún nombre en concreto u orientantivo?
Thanks!
 
Arriba