Seite 1 von 3

Schnee

Verfasst: 10.12.2006 00:30
von tom971
Hy
ich weiß dass schon mehrerer Topics zum diese Thema aufgemacht sind, aber mir gefällt besonders dass auf diese Seite Schneeflocken nur im oberen drittel des Forums zu sehen sind.
Falls jemanden weißt wie diesen MOD heißt, bitte.
Ich wurde selbst dass fragen, aber mein English reicht da zu nicht aus
:oops:

Code: Alles auswählen

http://www.upstateforums.com/phpBB2/
Danke Tom

Verfasst: 10.12.2006 00:46
von Stefane
also...das ist dieses Javascript:
http://www.upstateforums.com/phpBB2/snowflakes.js
Einfach eine snowflakes.js datei mit dem Inhalt erstellen (im Stammordner des Forums) und in der overall_header.tpl im <head> tag wie folgt einbinden:

suche:

Code: Alles auswählen

</head>
füge davor ein:

Code: Alles auswählen

<script language="javascript" type="text/javascript" src="snowflakes.js"></script>
du kannst die Schneeflocken noch in der java datei konfiggen...im oberen Teil, damit du das ein wenig individualisieren kannst.

Biddeschön ;-)

Verfasst: 10.12.2006 01:03
von tom971
Hy
ich wurde dass ausprobieren
Danke Tom

Verfasst: 10.12.2006 05:45
von hebe
also die dinger sehen echt schick aus.
aber warum sehe ich sie im firefox nicht, aber im IE...

Verfasst: 10.12.2006 10:29
von Stefane
also hier bei mir schneits hier http://www.upstateforums.com/phpBB2/
in beiden Browsern, ie und ff ...
hmmm, komisch.

Verfasst: 10.12.2006 12:32
von hebe
da schneit es bei mir auch :-?

hast du die snowflakes irgendwie geändert...?
Konnte nix finden, aber vielleicht bin ich ja auch blind

Verfasst: 10.12.2006 17:39
von Stefane
öhmm nene, das ist ja die originalquelle.

Was du noch versuchen kannst...
bau das script mal nicht in den head-tag ein, sondern in den body...vlt geht es dann.

Verfasst: 10.12.2006 19:18
von tom971
Stefane hat geschrieben:öhmm nene, das ist ja die originalquelle.
Hy , habe mod noch nicht eingebaut, soll ich den auch im Body einbauen?
Dein Antwort ist für mich Irrenführend :o, bitte um Erklärung, wo soll er eigentlich hin?
Viel Dank
Tom

Verfasst: 02.12.2007 00:25
von SkYfiGhTeR
Hallo,

das gepostete JavaScript von Stefane ist zwar nicht mehr erreichbar, aber ich glaube es hat sich damals um das gehandelt, welches ich noch hier habe:

Code: Alles auswählen

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

// 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","Verdana")

// 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=1.2

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

// 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/3.5
		marginright = document.body.clientWidth*.97
	}
	else if (ns6) {
		marginbottom = window.innerHeight/3.5
		marginright = window.innerWidth*.97
	}
	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
}
Ich habe die snowflakes.js im root-Verzeichnis abgelegt und in der overall_header.tpl dann wie Stefane geschrieben hat, eingebunden.

Der Schneefall erscheint nun jedoch ausschließlich im Header (wahrscheinlich logisch, da nur in overall_header.tpl eingebunden). *g*

Ich möchte jedoch, dass der Schnee über die komplette Seite fällt, wie kann ich das entsprechend anpassen?

In die index_body.tpl habe ich den Code auch schon einmal eingefügt gehabt, da hat sich jedoch nichts getan.

Code: Alles auswählen

<script language="javascript" type="text/javascript" src="snowflakes.js"></script>
Bin für jede Hilfe/jeden Tip dankbar. ;)

Verfasst: 07.12.2007 01:32
von tom971
hy

leider funktioniert mit FF nicht, kann jemad vielleicht .js so anpassen das auch in FF schneid?
Danke