estilo navideño

HeLLCiTo · 27 Nov 2005

buenas, se acerca la epoca navideña y queri poner un estilo navideño en mi foro, he buscado en vbulletin.org pero solo hay 2 y no m convence ni uno, tb quisiera emoticons navideños, como por ejemplo las caritas con gorritos navideños y esas cosas 😉

jose-maria · 30 Nov 2005

con tu mensaje ya has adornado tu foro de navidad

felicidades

HeLLCiTo · 1 Dic 2005

esto mmm..... Feliz navidad si.......

Reflex · 2 Dic 2005

Ami gustaria saber si se puede crear un efecto de nieve en el foro, he visto algunas paginas web que lo implementan.

Saludos

DuckMan · 2 Dic 2005

es un script, busca "script efecto nieve" 😛

Reflex · 2 Dic 2005

Alguna parte de donde buscarlo y como instalarlo en vbulletin Duck???

Saludos 😎

DuckMan · 2 Dic 2005

Goooooogleando 10 segundos y en la primer pagina encontre esto 😛

Insertar CODE, HTML o PHP:

<script language="JavaScript1.2">

/******************************************
* Snow Effect Script- By Altan d.o.o. (snow@altan.hr, [B]Enlace eliminado[/B])
* Visit Dynamic Drive ([url]http://www.dynamicdrive.com/[/url]) for full source code
* Modified Dec 31st, 02' 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;

var ns4up = (document.layers) ? 1 : 0; // browser sniffer
var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;

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 (ns4up||ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.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) {
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 (ns4up) { // set layers
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><a href=\"http://dynamicdrive.com/\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src='"+snowsrc+"' border=\"0\"><\/layer>");
}
} else 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 snowNS() { // Netscape main animation function
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();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", 10);
}

function snowIE_NS6() { // IE and NS6 main animation function
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();
doc_width = ns6up?window.innerWidth : document.body.clientWidth;
doc_height = ns6up?window.innerHeight : document.body.clientHeight;
}
dx[i] += stx[i];
if (ie4up){
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
else if (ns6up){
document.getElementById("dot"+i).style.top=yp[i];
document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i]);
}
}
setTimeout("snowIE_NS6()", 10);
}

if (ns4up) {
snowNS();
} else if (ie4up||ns6up) {
snowIE_NS6();
}

</script>

Es posible utilizar otra imagen modificando la línea:

var snowsrc="snow.gif"

Gracias Enlace eliminado

para instalarlo, simplemente ponelo en las plantillas q quieras q aparesca, obviamente no en todas, si no en las principales

Reflex · 2 Dic 2005

Acabo de probarlo quedo al fregaso.

Gracias Duck

Trovador · 3 Dic 2005

Gracias por el codigo, lo que no me convenze son las imagenes de los copos muy grandes xDDD cual estas usando tu Reflex?

porcierto vbulletin duck me parecio el nombre de un plugin xDDD

DuckMan · 3 Dic 2005

por nada amigos 😛 simplemente podrian darme un poquitin de reputacion para ayudar a mi noble causa [????]

saludos

Reflex · 3 Dic 2005

Pues les tengo una mala noticia con respecto a ese efecto.

Como primer punto
El efecto es lento en equipos viejos (p3 de 800, incluso de 1.1ghz).

Como segundo, no es compatible con firefox

Como tercero.
No te puedo dar mas puntos Duck, ya que sale un mensaje:
Tu debes de esparcir algo de Reputación a otros usuarios antes de darle otra vez a DuckMan.

Me imagino que ya antes te habia dado.

En fin saludos

DuckMan · 3 Dic 2005

jajaj emmm a ver, repacemos:

equipos lentos :S cuak, bueno no se, la verdad yo tengo un 1.8 ni me di cuenta..

lo del firefox no es verdad, yo tengo y me anda a la perfeccion

jejej ahora tiro puntos XD

Reflex · 3 Dic 2005

En que plantilla la pusistes????

Porque yo la puse en el en la plantilla comun header, al final, y los copos de nieve se quedan en la esquina superior izquierda, sin moverse, con mozilla claro esta.

Con IE se desplazan con bastante libertad, claro si tienes un P4 al menos

Saludos 😎

Trovador · 3 Dic 2005

Es que si lo pones en Header solo funcionara en esa plantilla pruebalo en forumhome y vera scomo se desplazan por todos lados, que te funcione en ie en el header bien es pork ie depura de forma distinta el codigo creo.

Reflex · 4 Dic 2005

Pues sigue igual, en IE se ven genial, en mozilla firefox no, solo se quedan sin movimiento en la esquina superior izquierda. alguna otra plantilla que sirva con firefox ???

HeLLCiTo · 5 Dic 2005

aqui esta :

http://www.vbulletin.org/forum/showthread.php?t=99991&page=1&pp=15&highlight=Christmas

en firefox, los copos grandes no van, pero hay un efecto de copos pequeños si que van, uno comenta ahi algo para poder arreglarlo pero yo lo he hecho y ya estaba activado, probarlo vosotros y ya comentareis.

A mi en firefox tb se m quedan los copos en la esquina izquierda

RugaL · 7 Dic 2005

A mi también se me queda en la esquina superior izquierda. Con Opera y IE si que funciona.

coleccionocromo · 12 Dic 2005

He probado el codigo para los copos pequeños en la plantilla forumhome y con el firefox se quedan arriba a la izquierda.

En cambio con el firefox en la pagina que facilito Duckman si que funciona con firefox.
Seguiremos probando

SaludoS

coleccionocromo · 12 Dic 2005

La solución que comentan en vbulletin.org en el enlace que edita hellcito funciona en los tres navegadores,firefox,opera e IE .Hay que ponerlo en el header.

SaludoS

RugaL · 12 Dic 2005

Chicos, ya he conseguido hacer que vaya en Firefox!

El problema es que el código ese está tomado de la pagina dynamicdrive.com y el código aqui pegado era una versión del año 2002. Me he pasado por su web y tienen colgado uno actualizado con más funciones, como por ejemplo elegir hasta donde ha de llegar la nieve, si hasta el final de la pagina o el final de la ventana. Aquí os pongo el código nuevo. Por cierto, ha de ir en la Plantilla FORUMHOME de Forum Display.

HTML:

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

Espero que os sea de ayuda! 😉

estilo navideño

HeLLCiTo

jose-maria

HeLLCiTo

Reflex

DuckMan

Reflex

DuckMan

Reflex

Trovador

DuckMan

Reflex

DuckMan

Reflex

Trovador

Reflex

HeLLCiTo

RugaL

coleccionocromo

coleccionocromo

RugaL

Temas similares