Schnee

tom971 · Beitrag von **tom971** » 10.12.2006 00:30

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

Code: Alles auswählen

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

Danke Tom

Stefane · Beitrag von **Stefane** » 10.12.2006 00:46

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

tom971 · Beitrag von **tom971** » 10.12.2006 01:03

Hy
ich wurde dass ausprobieren
Danke Tom

hebe · Beitrag von **hebe** » 10.12.2006 05:45

also die dinger sehen echt schick aus.
aber warum sehe ich sie im firefox nicht, aber im IE...

Stefane · Beitrag von **Stefane** » 10.12.2006 10:29

also hier bei mir schneits hier http://www.upstateforums.com/phpBB2/
in beiden Browsern, ie und ff ...
hmmm, komisch.

hebe · Beitrag von **hebe** » 10.12.2006 12:32

da schneit es bei mir auch

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

Stefane · Beitrag von **Stefane** » 10.12.2006 17:39

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

tom971 · Beitrag von **tom971** » 10.12.2006 19:18

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

, bitte um Erklärung, wo soll er eigentlich hin?
Viel Dank
Tom

SkYfiGhTeR · Beitrag von **SkYfiGhTeR** » 02.12.2007 00:25

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.

tom971 · Beitrag von **tom971** » 07.12.2007 01:32

hy

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