phpBB.nl

Ik heb de christmas2 style op mijn forum geïnstalleerd.
Hierin zitten sneeuw vlokjes die naar beneden dwarrelen.

Dit is erg grappig.

Maar de sneeuw vlokjes verdwijnen ergens halverwege de pagina.
Ik wil deze graag wat langer door laten lopen.

Hoe doe ik dit

Code: Selecteer alles

<script language="JavaScript1.2">

/******************************************
* Snow Effect Script- By Altan d.o.o. (snow@altan.hr, http://www.altan.hr/snow/index.html)
* Visit Dynamic Drive (http://www.dynamicdrive.com/) 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="templates/christmas2/images/snow.gif"
  // Configure below to change number of snow to render
  var no = 15;

  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>

Op deze regel

Code: Selecteer alles

var i, doc_width = 800, doc_height = 600;

is dit alleen voor phpbb of kan het ook op gewoone sites?

hendry schreef:is dit alleen voor phpbb of kan het ook op gewoone sites?

Als je even goed kijkt zie je dat het javascript is,
en javascript kan je overal invoegen in php bestanden en ook html dus is overal voor geschikt.
En niet alleen voor phpBB

alleen het plaatje ontbreekt als ik hem gebruik.

cameldriver schreef:waar zet je deze code in???

overall_header.tpl????

jepz

Boven de code :

Code: Selecteer alles

<script

Plaats je de volledige code

mis helaas de sneeuw en zie alleen rode kruisjes

Code: Selecteer alles

var snowsrc="templates/christmas2/images/snow.gif"

Heb je wel images in de map iamges van je template gezet?
En goed geconfigureerd te configuratie van het javascript?

Raimon schreef:
Code: Selecteer alles
var snowsrc="templates/christmas2/images/snow.gif" 
Heb je wel images in de map iamges van je template gezet?
En goed geconfigureerd te configuratie van het javascript?

thx hij werkt nu

hello hello

dus als ik het goed begrijp ....ben een beetje blond

als ik deze code's invoer heb ik sneeuw op het forum????????

en waar bij adminitratiepaneel plaats ik dat???

kunnen jullie me helpen

Nee als je alleen die code plaat niet nee

Daar horen bij ook een afbeelding, dat moet je in een bestand plaatsen.
Namelijk het bestand /templates/naam template/overall_header.

Dus je gaat naar je ftp server,
Je downloadt de hele forum mpa naarje computer.
Vervolgens open je het bestand /templates/naamtemplate/overall_header.tpl

En je plaats de code achter de code

Code: Selecteer alles

</script>

Vervolgens sla je het op en zet je de sneeuwafbeeldingen in jou templates/naamtemplate/images

En stel je de configuratie van het script:

Code: Selecteer alles

//Configure below to change URL path to the snow image
  var snowsrc="templates/christmas2/images/snow.gif"

Waar jou images van de sneeuw staat en ook de template

Mocht dat niet lukken geeft u een gil , u vraagt wij draaien

oei Raimon ppfff ik heb geen idee waar je het over heb.
oooooooooo erg he hahahaha het is echt abracadabra voor ons.
schaam me dood maar zeg het eerlijk dat ik echt niet weet hoe dat moet.

sorry maar toch lief dat je gereageerd heb ..........als ik dit lees slaan bij mij alle stoppen door

ik wist dat ik blond was ..........maar pppff als ik hier aan begin dan weet ik zeker dat het forum poef zegt en ik het kwijt ben

liefs Violet

Violet schreef:oei Raimon ppfff ik heb geen idee waar je het over heb.
oooooooooo erg he hahahaha het is echt abracadabra voor ons.
schaam me dood maar zeg het eerlijk dat ik echt niet weet hoe dat moet.

sorry maar toch lief dat je gereageerd heb ..........als ik dit lees slaan bij mij alle stoppen door ik wist dat ik blond was ..........maar pppff als ik hier aan begin dan weet ik zeker dat het forum poef zegt en ik het kwijt ben

liefs Violet

Tis goede uitleg, dus moet lukken hoor

Als je echt bang bent dat het verkeerd gaat, sla dan " overall_header.tpl " op ( /templates/naamtemplate/overall_header.tpl ) en pas hem dan aan in je ftp... lukt het niet of zijn er andere complicaties, upload je je opgeslagen bestand weer!!
Als je het script toevoegt, zie je kruisjes vallen naar beneden. Dan hoef je alleen nog je plaatje te uploaden en klaar...
Succes

Ik kan de sneeuw alleen zien als ik via firefox kijk.

Gebruik ik IE dan zie ik ze niet iemand een idee hoe dit kan.

Thx

phpBB.nl

Sneeuw val

Sneeuw val