vallende sneeuw

[CoNiO]

Kan er mij iemand vertellen hoedat je zo van die vallende sneeuw moet laten tevoorschijn komen ? Bij style 'snowsilver' heb je dat. http://www.phpbb.com/styles/forum/viewf ... &style=203

Merci !

Joeri

[eXo]

Zet dit is in je HEAD in overall_header.tpl:

Code: Selecteer alles

<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("#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=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>

Je kan zelfs een aantal instellingen aanpassen

[-=|Rik|=-]

Je of gewoon zoeken op Snow javascript...

Ow een nadeel het gaat op den duur zeer vervelen en is als je post leest hoogst irritant. Raad je dan ook aan het alleen op de index te doen

[RobinTown]

die sneeuw loopt niet helemaal door naar het ondere van de pagina

[eXo]

die sneeuw loopt niet helemaal door naar het ondere van de pagina

Dan is het slechte sneeuw...

Heb het gewoon uit de bovengenoemde style gejat

[Merlin Sythove]

Ik heb ook diverse scripts gevonden, dat is het probleem niet. Wat ik graag wil op het forum is dat de gebruiker op de een of andere manier de sneeuw kan uitzetten of stoppen als ze het vervelend vinden.
Iemand oplossingen daarvoor?

[The Sting]

Ik heb ook diverse scripts gevonden, dat is het probleem niet. Wat ik graag wil op het forum is dat de gebruiker op de een of andere manier de sneeuw kan uitzetten of stoppen als ze het vervelend vinden.
Iemand oplossingen daarvoor?

Alleen eerst kerstdag, dan weer foetsie, dat kunnen ze toch wel aan?.

[Merlin Sythove]

Tja, dat is de gebruiker gewoon dwingen, is niet echt een oplossing voor mijn vraag Ik dacht meer aan een apart extra index.php bestand, index_nosnow.php bijvoorbeeld, waar dan een variabele wordt gezet die voor de rest van de sessie blijft gelden. Iemand zoiets al eens gemaakt of gezien?

[Leipo]

Je zou in principe de background mod kunnen pakken dat gebruikers hun eigen achtergrond kunnen kiezen en dan met die sneeuwvlokjes.

[ElbertF]

Ja kan gewoon een nieuwe template installeren met sneeuw, als mensen het irritant vinden nemen ze een andere. Dit kan gewoon dezelfde template zijn, maar dan moet je 'm wel even hernoemen.

[riko]

nu zit ik hiermee wat te proberen... maar zou ik bij deze:

Code: Selecteer alles

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

ook een image in plaats van een * kunnen zetten?

een drup, een pegel, echte vlok, noem maarop...

kan dat? zo ja... hoe

[sub0kelvin]

Geen idee, maar het valt te proberen.

In plaats van het sterretje kun je dan

Code: Selecteer alles

<img src="pad_naar_een_plaatje" alt="">

proberen in te voeren.

Overigens zal de grootte van het plaatje altijd hetzelfde zijn, wat natuurlijk een beetje saai is.

[riko]

werkt niet

[sub0kelvin]

helaas.

In dat geval zou je zelf de hele code moeten herschrijven of een ander sneeuwscript van internet halen dat wel met images werkt en dat implementeren in de template.

[Paul]

Code: Selecteer alles

// Set the letter that creates your snowflake (recommended:*) 
var snowletter="<img src='locatie.gif' alt='' />";

[XP-Rene]

Code: Selecteer alles

// Set the letter that creates your snowflake (recommended:*) 
var snowletter="<img src='locatie.gif' alt='' />";

In dit geval kun je de alt=' ' gewoon weglaten, is voor dit onnodige ballast.

[Paul]

sinds ik sinds enige tijd met xhtml bezig ben, is dat een verplicht attribuut, vandaar

[XP-Rene]

Ik zou niet weten waarom dat verplicht is, het geeft alleen maar een info-tekstblokje bij een link.

[Paul]

Tja, dat weet ik ook niet precies, maar tis nou eenmaal zo

[XP-Rene]

Vreemd, sinds wanneer is een attribuut verplicht, en zonder die alt-code werkt het ook wel.