Anmelden |  Registrieren
RegistrierenAnmeldenSuche FAQ

Ein neues Thema erstellen Auf das Thema antworten  [ 7 Beiträge ] 

17. Dez 2009 23:11

 Weihnachtsbanner
Offline
Mitglied

Registriert: 14. Sep 2009 16:32
Beiträge: 95
Wohoo, unser Banner versinkt im Schnee. Und das noch vor Google. BTW: Wieso bespringt der (Weihnachts-)Feuerelementar den Windhund eigentlich?
Fehlt nur noch Javascript-Schneefall ;-p

PS. nehmt mein Gesülze nicht zu ernst. :uglyangel:

_________________
Bild


Nach oben Nach oben
 Profil  
 

18. Dez 2009 01:04

 Re: Weihnachtsbanner
Offline
Mitglied / Administrator
Benutzeravatar

Registriert: 3. Jul 2007 18:37
Beiträge: 3068
Wohnort: Düsseldorf
Eruvaer hat geschrieben:
Fehlt nur noch Javascript-Schneefall ;-p


:uglygruebel: Hast du da vielleicht nen schönen Script?

_________________
Bild


Nach oben Nach oben
 Profil  
 

18. Dez 2009 15:22

 Re: Weihnachtsbanner
Offline
Mitglied
Benutzeravatar

Registriert: 29. Okt 2009 19:16
Beiträge: 183
Wohnort: Aachen
kR13P4 hat geschrieben:
:uglygruebel: Hast du da vielleicht nen schönen Script?


aber klar :D

<script>
// CREDITS: // Snowmaker Copyright (c) 2003 Peter Gehrig. All rights reserved.
// Distributed by http://www.hypergurl.com // Permission given to use the script
on webpages provided that this notice remains as is. // Set the number of snowflakes
(more than 30 - 40 not recommended) var snowmax=35 // Set the colors for the snow.
Add as many colors as you like var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD")
// Set the fonts, that create the snowflakes. Add as many fonts as you like var
snowtype=new Array("Arial Black","Arial Narrow","Times","Comic
Sans MS") // Set the letter that creates your snowflake (recommended:*) var
snowletter="*" // Set the speed of sinking (recommended values range
from 0.3 to 2) var sinkspeed=0.6 // Set the maximal-size of your snowflaxes var
snowmaxsize=22 // Set the minimal-size of your snowflaxes var snowminsize=8 //
Set the snowing-zone // Set 1 for all-over-snowing, set 2 for left-side-snowing
// Set 3 for center-snowing, set 4 for right-side-snowing var snowingzone=3 ///////////////////////////////////////////////////////////////////////////
// CONFIGURATION ENDS HERE ///////////////////////////////////////////////////////////////////////////
// Do not edit below this line var snow=new Array() var marginbottom var marginright
var timer var i_snow=0 var x_mv=new Array(); var crds=new Array(); var lftrght=new
Array(); var browserinfos=navigator.userAgent var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all var opera=browserinfos.match(/Opera/)
var browserok=ie5||ns6||opera function randommaker(range) { rand=Math.floor(range*Math.random())
return rand } function initsnow() { if (ie5 || opera) { marginbottom = document.body.clientHeight
marginright = document.body.clientWidth } else if (ns6) { marginbottom = window.innerHeight
marginright = window.innerWidth } var snowsizerange=snowmaxsize-snowminsize for
(i=0;i<=snowmax;i++) { crds[i] = 0; lftrght[i] = Math.random()*15; x_mv[i]
= 0.03 + Math.random()/10; snow[i]=document.getElementById("s"+i) snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
snow[i].size=randommaker(snowsizerange)+snowminsize snow[i].style.fontSize=snow[i].size
snow[i].style.color=snowcolor[randommaker(snowcolor.length)] snow[i].sink=sinkspeed*snow[i].size/5
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)} if (snowingzone==2)
{snow[i].posx=randommaker(marginright/2-snow[i].size)} if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size) snow[i].style.left=snow[i].posx
snow[i].style.top=snow[i].posy } movesnow() } function movesnow() { for (i=0;i<=snowmax;i++)
{ crds[i] += x_mv[i]; snow[i].posy+=snow[i].sink snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i]);
snow[i].style.top=snow[i].posy if (snow[i].posy>=marginbottom-2*snow[i].size
|| parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){ if (snowingzone==1)
{snow[i].posx=randommaker(marginright-snow[i].size)} if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
snow[i].posy=0 } } var timer=setTimeout("movesnow()",50) } for (i=0;i<=snowmax;i++)
{ document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
} if (browserok) { window.onload=initsnow }

</script>

_________________
- Because I can


Nach oben Nach oben
 Profil  
 

18. Dez 2009 15:30

 Re: Weihnachtsbanner
Offline
Mitglied / Administrator
Benutzeravatar

Registriert: 3. Jul 2007 18:37
Beiträge: 3068
Wohnort: Düsseldorf
Hattest du das selbst mal zum Laufen gebracht? Passiert nämlich nichts, wenn ich das intergriere :/

_________________
Bild


Nach oben Nach oben
 Profil  
 

18. Dez 2009 15:36

 Re: Weihnachtsbanner
Offline
Mitglied
Benutzeravatar

Registriert: 29. Okt 2009 19:16
Beiträge: 183
Wohnort: Aachen
kR13P4 hat geschrieben:
Hattest du das selbst mal zum Laufen gebracht? Passiert nämlich nichts, wenn ich das intergriere :/


muss man ein bisschen formatieren ... die Umbrüche stimmen nicht in den Kommentaren ... ich guck mal :)

_________________
- Because I can


Nach oben Nach oben
 Profil  
 

18. Dez 2009 15:38

 Re: Weihnachtsbanner
Offline
Mitglied
Benutzeravatar

Registriert: 29. Okt 2009 19:16
Beiträge: 183
Wohnort: Aachen
versuch's mal hiermit ... läuft bei mir ^^

<script>
// CREDITS:
// Snowmaker Copyright (c) 2003 Peter Gehrig. All rights reserved.
// Distributed by http://www.hypergurl.com
// Permission given to use the script provided that this notice remains as is.

// Set the number of snowflakes (more than 30 - 40 not recommended)
var snowmax=35

// Set the colors for the snow. Add as many colors as you like
var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD")

// Set the fonts, that create the snowflakes. Add as many fonts as you like
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")

// Set the letter that creates your snowflake (recommended:*)
var snowletter="*"

// Set the speed of sinking (recommended values range from 0.3 to 2)
var sinkspeed=0.6

// Set the maximal-size of your snowflaxes
var snowmaxsize=22

// Set the minimal-size of your snowflaxes
var snowminsize=8

// Set the snowing-zone
// Set 1 for all-over-snowing, set 2 for left-side-snowing
// Set 3 for center-snowing, set 4 for right-side-snowing
var snowingzone=1

///////////////////////////////////////////////////////////////////////////
// CONFIGURATION ENDS HERE
///////////////////////////////////////////////////////////////////////////


// Do not edit below this line
var snow=new Array()
var marginbottom
var marginright
var timer
var i_snow=0
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/)
var browserok=ie5||ns6||opera

function randommaker(range) {
rand=Math.floor(range*Math.random())
return rand
}

function initsnow() {
if (ie5 || opera) {
marginbottom = document.body.clientHeight
marginright = document.body.clientWidth
}
else if (ns6) {
marginbottom = window.innerHeight
marginright = window.innerWidth
}
var snowsizerange=snowmaxsize-snowminsize
for (i=0;i<=snowmax;i++) {
crds[i] = 0;
lftrght[i] = Math.random()*15;
x_mv[i] = 0.03 + Math.random()/10;
snow[i]=document.getElementById("s"+i)
snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
snow[i].size=randommaker(snowsizerange)+snowminsize
snow[i].style.fontSize=snow[i].size
snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
snow[i].sink=sinkspeed*snow[i].size/5
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
snow[i].posy=randommaker(6*marginbottom-marginbottom-6*snow[i].size)
snow[i].style.left=snow[i].posx
snow[i].style.top=snow[i].posy
}
movesnow()
}

function movesnow() {
for (i=0;i<=snowmax;i++) {
crds[i] += x_mv[i];
snow[i].posy+=snow[i].sink
snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i]);
snow[i].style.top=snow[i].posy

if (snow[i].posy>=marginbottom-6*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
snow[i].posy=0
}
}
var timer=setTimeout("movesnow()",50)
}

for (i=0;i<=snowmax;i++) {
document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
}
if (browserok) {
window.onload=initsnow
}
</script>

EDIT:
es gibt 'n Mod für phpBB-basierte Foren: guckst Du hier

_________________
- Because I can


Nach oben Nach oben
 Profil  
 

19. Dez 2009 22:27

 Re: Weihnachtsbanner
Offline
Mitglied

Registriert: 14. Sep 2009 16:32
Beiträge: 95
so wird ein schuh draus: (config musste natürlich anpassen);
Code:

<script>
// CREDITS:
// Snowmaker Copyright (c) 2003 Peter Gehrig. All rights reserved.
// Distributed by http://www.hypergurl.com
// Permission given to use the script provided that this notice remains as is.

// Set the number of snowflakes (more than 30 - 40 not recommended)
var snowmax=2;

// Set the colors for the snow. Add as many colors as you like
var snowcolor=new Array("#000000","#dddddd","#ccccDD");

// Set the fonts, that create the snowflakes. Add as many fonts as you like
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS");

// Set the letter that creates your snowflake (recommended:*)
var snowletter="*";

// Set the speed of sinking (recommended values range from 0.3 to 2)
var sinkspeed=0.6;

// Set the maximal-size of your snowflaxes
var snowmaxsize=22;

// Set the minimal-size of your snowflaxes
var snowminsize=8;

// Set the snowing-zone
// Set 1 for all-over-snowing, set 2 for left-side-snowing
// Set 3 for center-snowing, set 4 for right-side-snowing
var snowingzone=1;

///////////////////////////////////////////////////////////////////////////
// CONFIGURATION ENDS HERE
///////////////////////////////////////////////////////////////////////////


// Do not edit below this line
var snow=new Array();
var marginbottom;
var marginright;
var timer;
var i_snow=0;
var x_mv=new Array();
var crds=new Array();
var lftrght=new Array();
var browserinfos=navigator.userAgent;
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/);
var ns6=document.getElementById&&!document.all;
var opera=browserinfos.match(/Opera/);
var browserok=ie5||ns6||opera;

function randommaker(range) {
rand=Math.floor(range*Math.random());
return rand;
}

function initsnow() {
   if (ie5 || opera) {
      marginbottom = document.body.clientHeight;
      marginright = document.body.clientWidth;
   }
   else if (ns6) {
      marginbottom = window.innerHeight;
      marginright = window.innerWidth;
   }

   var snowsizerange=snowmaxsize-snowminsize;

   for (i=0;i<=snowmax;i++) {
      crds[i] = 0;
      lftrght[i] = Math.random()*15;
      x_mv[i] = 0.03 + Math.random()/10;
      snow[i]=document.getElementById("s"+i);
      snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)];
      snow[i].size=randommaker(snowsizerange)+snowminsize;
      
      snow[i].style.fontSize=snow[i].size;
      snow[i].style.color=snowcolor[randommaker(snowcolor.length)];
      snow[i].sink=sinkspeed*snow[i].size/5;
      if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size);}
      if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size);}
      if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4;}
      if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2;}
      snow[i].posy=randommaker(6*marginbottom-marginbottom-6*snow[i].size);
      snow[i].style.left=snow[i].posx;
      snow[i].style.top=snow[i].posy;
   }
movesnow();
}

function movesnow() {
   for (i=0;i<=snowmax;i++) {
   crds[i] += x_mv[i];
   snow[i].posy+=snow[i].sink;
   snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+"px";
   snow[i].style.top=snow[i].posy+"px";

   if (snow[i].posy>=marginbottom-6*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
   if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size);}
   if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size);}
   if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4;}
   if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2;}
      snow[i].posy=0;
   }
   }
var timer=setTimeout("movesnow()",50);
}

for (i=0;i<=snowmax;i++) {
document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"px'>"+snowletter+"</span>");
}
if (browserok) {
   window.onload=initsnow();
}
</script>



Nach oben Nach oben
 Profil  
 
Beiträge der letzten Zeit anzeigen:  Sortiere nach  
Ein neues Thema erstellen Auf das Thema antworten  [ 7 Beiträge ] 

Alle Zeiten sind UTC + 1 Stunde [ Sommerzeit ]


Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast


Du darfst keine neuen Themen in diesem Forum erstellen.
Du darfst keine Antworten zu Themen in diesem Forum erstellen.
Du darfst deine Beiträge in diesem Forum nicht ändern.
Du darfst deine Beiträge in diesem Forum nicht löschen.

Suche nach:
Gehe zu:  
cron