• ¡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.

lenin

XenForoUser
#1
Bueno con esta modificacion, lograremos que caigan copos de nieve, creando un ambiente navideño en
nuestro xenforo.. :)

gracias a un scrip de : www.dynamicdrive.com/

bueno primero nos vamos a admincp/apariencia/plantillas/ luego Creamos una plantilla,
dentro de la plantilla agregamos :
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 snowsrc="snow.gif"
  // Configure below to change number of snow to render
  var no = 10;
  // 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";

///////////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();
  snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
  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+"' 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+"' 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>
guardamos, y luego, vamos a la plantilla PAGE_CONTAINER,
buscamos:
Insertar CODE, HTML o PHP:
</body>
y agregar antes :
Insertar CODE, HTML o PHP:
<xen:include template="snow" />
quedara asi :
Insertar CODE, HTML o PHP:
<xen:include template="snow" />
</body>
luego subir la imagen snow.gif al root de tu xenforo
snow.gif captura.png
 

lms

Administrador
#6
xensiberia acaba de ser instalada.
Cambiar
Insertar CODE, HTML o PHP:
  //Configure below to change URL path to the snow image
  var snowsrc="snow.gif"
  // Configure below to change number of snow to render
Por
PHP:
  //Configure below to change URL path to the snow image
  var snowsrc="snow.png"
  // Configure below to change number of snow to render
Salud2
 

Adjuntos

lenin

XenForoUser
#10
cierto... jejejeje.... muy bueno.... bueno ultimo comen que hago en mi post... xd mucha data base usada en vano mejor me voy a off topics.
 
#11
xensiberia acaba de ser instalada.
Cambiar
Insertar CODE, HTML o PHP:
  //Configure below to change URL path to the snow image
  var snowsrc="snow.gif"
  // Configure below to change number of snow to render
Por
PHP:
  //Configure below to change URL path to the snow image
  var snowsrc="snow.png"
  // Configure below to change number of snow to render
Salud2
Agrego que si quieren cambiar la ruta de la imagen para evitar pegarla en el root, pueden hacerlo de la siguiente manera;

Sintaxis: root/carpeta/imagen.png
PHP:
var snowsrc="./imgs/snow.png"
=======
Depaso mi pedido:
Me hacen el snow.png de los siguientes colores; Azul, Verde, Purpura, Naranja y rojo?? (necesito un copo de cada color para que quede lindo con mi estilo) :p
 

lms

Administrador
#12
Si lo quieres en colores, deberás cambiar el código ya que este solo muestra una imagen. Miro cómo.

Salud2
 

lms

Administrador
#15
Me ha quedado que ni bordado.
El código a poner y las imágenes las dejo en adjuntos.
Las imágenes son las de descaro, debidamente cambiado el nombre. Deben colocarse en un directorio nuevo llamado navidad en la ruta /styles/default/xenforo/navidad.
Aquí podéis apreciar como luce el complemento.

Salud2
 

Adjuntos

Arriba