Pagina 1 van 2
vallende sneeuw
Geplaatst: 20 dec 2004, 09:40
door 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
Geplaatst: 20 dec 2004, 12:10
door 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

Geplaatst: 20 dec 2004, 22:27
door -=|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

Geplaatst: 21 dec 2004, 17:07
door RobinTown
die sneeuw loopt niet helemaal door naar het ondere van de pagina
Geplaatst: 21 dec 2004, 18:15
door eXo
Robinforum schreef: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

Geplaatst: 22 dec 2004, 12:46
door 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?
Geplaatst: 23 dec 2004, 02:46
door The Sting
Merlin Sythove schreef: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?.
Geplaatst: 23 dec 2004, 08:24
door 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?
Geplaatst: 23 dec 2004, 09:01
door Leipo
Je zou in principe de background mod kunnen pakken dat gebruikers hun eigen achtergrond kunnen kiezen en dan met die sneeuwvlokjes.
Geplaatst: 23 dec 2004, 11:48
door 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.
Geplaatst: 23 nov 2005, 22:48
door 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

Geplaatst: 23 nov 2005, 23:10
door sub0kelvin
Geen idee, maar het valt te proberen.
In plaats van het sterretje kun je dan
proberen in te voeren.
Overigens zal de grootte van het plaatje altijd hetzelfde zijn, wat natuurlijk een beetje saai is.
Geplaatst: 23 nov 2005, 23:38
door riko
werkt niet

Geplaatst: 23 nov 2005, 23:44
door 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.
Geplaatst: 24 nov 2005, 09:33
door Paul
Code: Selecteer alles
// Set the letter that creates your snowflake (recommended:*)
var snowletter="<img src='locatie.gif' alt='' />";

Geplaatst: 24 nov 2005, 09:46
door XP-Rene
paulus schreef: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.
Geplaatst: 24 nov 2005, 09:54
door Paul
sinds ik sinds enige tijd met xhtml bezig ben, is dat een verplicht attribuut, vandaar

Geplaatst: 24 nov 2005, 10:01
door XP-Rene
Ik zou niet weten waarom dat verplicht is, het geeft alleen maar een info-tekstblokje bij een link.
Geplaatst: 24 nov 2005, 10:04
door Paul
Tja, dat weet ik ook niet precies, maar tis nou eenmaal zo

Geplaatst: 24 nov 2005, 10:11
door XP-Rene
Vreemd, sinds wanneer is een attribuut verplicht, en zonder die alt-code werkt het ook wel.