• ¡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
Mensajes
467
Puntuación de reacciones
215
Puntos
43
Sitio web
kpumco.com
País
El Salvador
Versión de XenForo
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
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
En breve la pondré en prácica.

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
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

  • snow.png
    snow.png
    2,1 KB · Visitas: 16

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
jajajajajaja

Muy bueno, descaro.

Salud2
 

lenin

XenForoUser
Mensajes
467
Puntuación de reacciones
215
Puntos
43
Sitio web
kpumco.com
País
El Salvador
Versión de XenForo
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.
 

DL Gushh_

Miembro
Mensajes
64
Puntuación de reacciones
49
Puntos
18
Sitio web
desload.net
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
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
Si lo quieres en colores, deberás cambiar el código ya que este solo muestra una imagen. Miro cómo.

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
Bonitos quedan, descaro. Buen trabajo.

Gracias.

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
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

  • CoposNavidad.zip
    20,7 KB · Visitas: 53

lenin

XenForoUser
Mensajes
467
Puntuación de reacciones
215
Puntos
43
Sitio web
kpumco.com
País
El Salvador
Versión de XenForo
:O como han cambiado los copos de nieve, me sombro, buen trabajo chicos. :)
 

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
He cambiado algo las imágenes para que luzcan mejor.

Dejo en adjuntos las imágenes.

Salud2
 

Adjuntos

  • copos1.zip
    21,2 KB · Visitas: 47
Arriba