Sneeuw val

Hulp nodig bij een stijl? Voor zowel XHTML/CSS als grafische vragen uiteraard gerelateerd aan phpBB2. Support wordt helaas niet meer verleend.
Forumregels

Sinds 1 januari 2009 wordt phpBB2 niet meer ondersteund.
Onderstaande informatie is verouderd en dient uitsluitend als archief.
phpBB2.0.x
Gesloten
Niek
Berichten: 1818
Lid geworden op: 21 sep 2005, 19:04
Locatie: Vriezenveen
Contacteer:

Sneeuw val

Bericht door Niek » 26 nov 2006, 13:33

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

Alleen support via het forum, niet via PB, MSN of email.

Gebruikersavatar
Gamemaniak
Berichten: 1747
Lid geworden op: 14 nov 2005, 19:03
Locatie: Westdorpe
Contacteer:

Bericht door Gamemaniak » 26 nov 2006, 18:32

Op deze regel

Code: Selecteer alles

var i, doc_width = 800, doc_height = 600;

Gebruikersavatar
hendry
Berichten: 629
Lid geworden op: 04 sep 2005, 10:41
Contacteer:

Bericht door hendry » 27 nov 2006, 20:28

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

Raimon
Berichten: 4397
Lid geworden op: 27 aug 2005, 12:59
Contacteer:

Bericht door Raimon » 27 nov 2006, 20:33

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

cameldriver
Berichten: 27
Lid geworden op: 24 nov 2006, 13:54

Bericht door cameldriver » 06 dec 2006, 00:38

alleen het plaatje ontbreekt als ik hem gebruik.
Laatst gewijzigd door cameldriver op 06 dec 2006, 00:48, 1 keer totaal gewijzigd.

Raimon
Berichten: 4397
Lid geworden op: 27 aug 2005, 12:59
Contacteer:

Bericht door Raimon » 06 dec 2006, 00:40

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

overall_header.tpl????
jepz :)

Boven de code :

Code: Selecteer alles

<script
Plaats je de volledige code :wink:

cameldriver
Berichten: 27
Lid geworden op: 24 nov 2006, 13:54

Bericht door cameldriver » 06 dec 2006, 00:49

mis helaas de sneeuw en zie alleen rode kruisjes :?: :?: :?: :?:

Raimon
Berichten: 4397
Lid geworden op: 27 aug 2005, 12:59
Contacteer:

Bericht door Raimon » 06 dec 2006, 00:54

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?

cameldriver
Berichten: 27
Lid geworden op: 24 nov 2006, 13:54

Bericht door cameldriver » 06 dec 2006, 01:10

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

Violet
Berichten: 2
Lid geworden op: 04 dec 2006, 21:00

Bericht door Violet » 07 dec 2006, 12:51

hello hello

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

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

en waar bij adminitratiepaneel plaats ik dat???

kunnen jullie me helpen :oops:

Raimon
Berichten: 4397
Lid geworden op: 27 aug 2005, 12:59
Contacteer:

Bericht door Raimon » 07 dec 2006, 14:20

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

Violet
Berichten: 2
Lid geworden op: 04 dec 2006, 21:00

Bericht door Violet » 07 dec 2006, 18:53

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


liefs Violet

ownageworld
Berichten: 252
Lid geworden op: 03 jun 2006, 17:35
Locatie: Brussel

Bericht door ownageworld » 07 dec 2006, 22:33

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


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

Gebruikersavatar
Neo
Berichten: 211
Lid geworden op: 02 apr 2006, 00:16
Locatie: Geleen
Contacteer:

Bericht door Neo » 24 dec 2006, 18:00

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

Gesloten