Schnee??

Alles zu Styles, Templates, Icons und Smilies für phpBB 2.0, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
Forumsregeln
phpBB 2.0 hat das Ende seiner Lebenszeit überschritten
phpBB 2.0 wird nicht mehr aktiv unterstützt. Insbesondere werden - auch bei Sicherheitslücken - keine Patches mehr bereitgestellt. Der Einsatz von phpBB 2.0 erfolgt daher auf eigene Gefahr. Wir empfehlen einen Umstieg auf phpBB 3.0, welches aktiv weiterentwickelt wird und für welches regelmäßig Updates zur Verfügung gestellt werden.
Benutzeravatar
Markus67
Ehrenadmin
Beiträge: 28346
Registriert: 12.01.2004 16:02
Wohnort: Neuss
Kontaktdaten:

Beitrag von Markus67 »

Hi ...

na dafür brauchst du kein extra Style installieren :wink:

Öffne deine index_body.tpl und füge folgenden Code ganz am anfang ein ...

Code: Alles auswählen

<script>
// 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("#FFFFFF")

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

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

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

// 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(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>
Das wars ... und wenn du den Schneefall nicht mehr möchtest ... einfach wieder rauslöschen :wink:

Markus
Garfield312
Mitglied
Beiträge: 528
Registriert: 03.09.2004 15:54

Beitrag von Garfield312 »

Das letzte Snippet funzt prima, Markus :grin:

Das Einzige, was mich wundert :

Ich hab noch das Template "fisubgreen" drin, da gehts nicht. Hast du dafür eine Erklärung ? Im SubSilver läufts prima.
Benutzeravatar
Markus67
Ehrenadmin
Beiträge: 28346
Registriert: 12.01.2004 16:02
Wohnort: Neuss
Kontaktdaten:

Beitrag von Markus67 »

@Garfield

Eine Erklärung habe ich nicht wirklich ... hast du es auch in die index_body.tpl eingebaut ?

Wenn nicht pack das ganze mal in die overall_header.tpl vor

Code: Alles auswählen

</head>
Markus
Garfield312
Mitglied
Beiträge: 528
Registriert: 03.09.2004 15:54

Beitrag von Garfield312 »

Ich habs in der overall_header, aber natürlich nicht vorm head :oops: :D

Gleich nochmal antesten, thx :grin:
Garfield312
Mitglied
Beiträge: 528
Registriert: 03.09.2004 15:54

Beitrag von Garfield312 »

Jetzt hab ich mal noch etwas getestet.

Firefox 0.9.irgendwas:

Es schneit nur im Subsilver, und auch nur im zuerst angezeigten Bereich. Scrolle ich runter, kommen die Schneeflocken nicht nach.

Schalte ich fisubgreen an, schneit gar nix.

IE 6.irgendwas :

Es schneit in Subsilver und in Fisubgreen, aber auch nur im oberen Bereich. Schneeflocken wandern nicht mit runter.

Weiß jemand, wie man das ändern könnte, sodaß es in beiden Browsern auf der ganzen Seite schneit ?

Das wäre übrigens eine Mod-Idee :

Im ACP ein Häkchen "Schnee an oder aus", in den overall_header.tpl's eine if-Abfrage rein, daß wenn Schnee eingeschaltet ist, eine Datei mit dem Schnee-Script includet wird.

Aber das krieg ich programmiertechnisch nicht hin... kann das wer ? Falls es noch jemand bräuchte, wärs ein cooler Mod. Schnee an. Schnee aus :D
felixx
Mitglied
Beiträge: 815
Registriert: 30.10.2004 10:09

Beitrag von felixx »

Hallo,

in BlueLagoon schneit es auch, allerdings auch nur im sichtbaren Bereicht, scrollt man runter schneit es dort nicht.
Grüße
Felix
felixx
Mitglied
Beiträge: 815
Registriert: 30.10.2004 10:09

Beitrag von felixx »

Hallo,

also wenn ich das ins index_body.tpl einfüge funktioniert es.

Jetzt wollte ich den Style "BlueLagoonSnow" erstellen. Habe den alten Ordner "BlueLagoon" (auch die untergeordneten) per FTP runtergeladen, habe den Code in index_body.tpl eingefügt, habe den Namen der cfg und der css umgeändert und alles per FTP wieder hochgeladen.

Jetzt kann ich den Style aber nicht installieren, er wird unter hinzufügen nicht angezeigt.

Was habe ich falsch gemacht?
Grüße
Felix
Benutzeravatar
Markus67
Ehrenadmin
Beiträge: 28346
Registriert: 12.01.2004 16:02
Wohnort: Neuss
Kontaktdaten:

Beitrag von Markus67 »

Hi ...

Du musst die theme_info.cfg noch anpassen ... :wink:
KB:neues_template

Markus
felixx
Mitglied
Beiträge: 815
Registriert: 30.10.2004 10:09

Beitrag von felixx »

Hallo,

also dort alle "BlueLagoon" durch "BlueLagoonSnow" ersetzen?
Grüße
Felix
felixx
Mitglied
Beiträge: 815
Registriert: 30.10.2004 10:09

Beitrag von felixx »

Hallo Markus,

das Style sieht leider ganz anders aus als das "Original".

Ich habe jetzt einfach den Code eingefügt, geht ja auch so sehr gut :wink:

Warum geht der Schnee den nur bis zur Hälfte von der Seite?

Kann man das noch ändern?
Zuletzt geändert von felixx am 26.12.2004 00:16, insgesamt 1-mal geändert.
Grüße
Felix
Antworten

Zurück zu „phpBB 2.0: Styles, Templates und Grafiken“