Kerst-stijl

Lazerg · Bericht door **Lazerg** » 30 nov 2005, 10:08

is er iemand die deze al ontwikkeld heeft of weet waar ik hem kan downloaden? ik heb het eens oit gezien op een forum en er dwarelden ook sneeuwvlokjes naar beneden best mooi, maar ik weet ni waar ik hem kan halen

mosymuis · Bericht door **mosymuis** » 30 nov 2005, 10:44

En wat doet dit in Show-Off? Verplaatst!

Bee · Bericht door **Bee** » 30 nov 2005, 17:25

CA heeft een Cristmas template gemaakt, maar zonder sneeuw, want sneeuw levert vaak problemen op in IE. http://www.phpbbstyles.com

Lazerg · Bericht door **Lazerg** » 05 dec 2005, 14:51

Jakkes IE

riko · Bericht door **riko** » 05 dec 2005, 17:34

deze:

Code: Selecteer alles

<script language="JavaScript1.2">

//verander het nummer 5 in het aantal van de images die je wilt gebruiken
grphcs=new Array(5) 

//verander hieronder de namen van de images ( plaatje0, etc ) 
Image0=new Image();
Image0.src=grphcs[0]="strooi1.bmp"
Image1=new Image();
Image1.src=grphcs[1]="strooi2.bmp"
Image2=new Image();
Image2.src=grphcs[2]="strooi3.bmp"
Image3=new Image();
Image3.src=grphcs[3]="strooi4.bmp"
Image3=new Image();
Image3.src=grphcs[4]="strooi5.bmp"
Image0=new Image();


//geef hieronder aan hoeveel images je tegelijk op het scherm wilt ! ( nu 5 )
Amount=25; 
Ypos=new Array();
Xpos=new Array();
Speed=new Array();
Step=new Array();
Cstep=new Array();
ns=(document.layers)?1:0;
ns6=(document.getElementById&&!document.all)?1:0;
ie=document.all

if (ns){
for (i = 0; i < Amount; i++){
var P=Math.floor(Math.random()*grphcs.length);
rndPic=grphcs[P];
document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+rndPic+"></LAYER>");
}
}
else{
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < Amount; i++){
var P=Math.floor(Math.random()*grphcs.length);
rndPic=grphcs[P];
document.write('<img id="si'+i+'" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">');
}
document.write('</div></div>');
}
WinHeight=(ns||ns6)?window.innerHeight-70:window.document.body.clientHeight;
WinWidth=(ns||ns6)?window.innerWidth:window.document.body.clientWidth;
for (i=0; i < Amount; i++){                                                                
 Ypos[i] = Math.round(Math.random()*WinHeight);
 Xpos[i] = Math.round(Math.random()*WinWidth);
 Speed[i]= Math.random()*5+1;
 Cstep[i]=0;
 Step[i]=Math.random()*0.1+0.05;
}
function fly(){
var WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
var WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
var hscrll=(ns||ns6)?window.pageYOffset:document.body.scrollTop;
var wscrll=(ns||ns6)?window.pageXOffset:document.body.scrollLeft;

for (i=0; i < Amount; i++){
sy = Speed[i]*Math.sin(Cstep[i]);
sx = Speed[i]*2;
Ypos[i]+=sy;
Xpos[i]+=sx; 
if (Xpos[i] > WinWidth){
Ypos[i]=Math.round(Math.random()*WinHeight);
Xpos[i]=-60;
Speed[i]=Math.random()*5+1;
}

if (ns){
document.layers['sn'+i].left=Xpos[i]+wscrll;
document.layers['sn'+i].top=Ypos[i];
}

else if (ns6){
document.getElementById("si"+i).style.left=Xpos[i]+wscrll;
document.getElementById("si"+i).style.top=Math.min(WinHeight,Ypos[i]);
}

else{
eval("document.all.si"+i).style.left=Xpos[i]+wscrll;
eval("document.all.si"+i).style.top=Ypos[i];
} 
Cstep[i]+=Step[i];
}
setTimeout('fly()',20);
}

if (ie||ns||ns6)
window.onload=fly
//-->
</script>

tussen de <head> en de </head> van je overall_header plaatsen (of waar je het ook hebben wilt

)

de images(die je zelf moet maken) kun je dan veranderen in sneeuwvlokken, kerstmannetjes, of zoals ik het heb, in strooigoed

dit verander je hier:

Code: Selecteer alles

//verander hieronder de namen van de images ( plaatje0, etc ) 
Image0=new Image();
Image0.src=grphcs[0]="strooi1.bmp"
Image1=new Image();
Image1.src=grphcs[1]="strooi2.bmp"
Image2=new Image();
Image2.src=grphcs[2]="strooi3.bmp"
Image3=new Image();
Image3.src=grphcs[3]="strooi4.bmp"
Image3=new Image();
Image3.src=grphcs[4]="strooi5.bmp"
Image0=new Image();

ik hoop dat het lukt

Bee · Bericht door **Bee** » 05 dec 2005, 17:38

BMP op het internet

En dan maar zeggen dat het werkt. BMP werkt alleen in IE, en levert absurd grote bestanden op. Wat in GIF misschien 2 kb is, heb je bij BMP meteen 75 kB

riko · Bericht door **riko** » 08 dec 2005, 09:32

Bee schreef:BMP op het internet En dan maar zeggen dat het werkt. BMP werkt alleen in IE, en levert absurd grote bestanden op. Wat in GIF misschien 2 kb is, heb je bij BMP meteen 75 kB

ik zei dus ook erbij, dit kun je veranderen...

en bij mij werkt het dus ja... wat maakt mij die bmp dan uit

en daarbij, ik probeer iemand te helpen... maar dat word niet op prijs gesteld zo te zien

Lady Elensar · Bericht door **Lady Elensar** » 16 dec 2005, 12:50

Tuurlijk wel! Hij wil er alleen maar mee zeggen dat je beter .gif dan .bmp kunt gebruiken. Maar als jij dat niet wilt, houd hij je heus niet tegen hoor.

riko · Bericht door **riko** » 18 dec 2005, 18:58

okeej

Gamemaniak · Bericht door **Gamemaniak** » 18 dec 2005, 19:04

Bedoel je deze

johan2 · Bericht door **johan2** » 21 dec 2005, 05:02

goede dag
de sneew valt van links naar recht
kan het ook hierin verandert worden van boven naar beneden?

Bee · Bericht door **Bee** » 21 dec 2005, 08:10

Dat zit je in een sneeuwstorm

Ik denk dat dit script ooit bedoeld is om vliegtuigjes te laten vliegen over je scherm, niet om het te laten sneeuwen, daarvoor heb je andere scriptjes.

Plaats het volgende in een bestandje snow.js

Code: Selecteer alles

// Snow Script by kurt.grigg@virgin.net, slightly modifyed by Niels Chr. Rød (dec 2003) for better performance
Y = new Array();
X = new Array();
S = new Array();
A = new Array();
B = new Array();
M = new Array();
V = (document.layers)?1:0;

iH=(V)?window.innerHeight:window.document.body.clientHeight;
iW=(V)?window.innerWidth:window.document.body.clientWidth;
N = Math.round(iH*iW/28000)+1; //Number of snow balls, initially 40

for (i=0; i < N; i++)
{  
 Y[i]=Math.round(Math.random()*iH);		//initial Y placement
 X[i]=Math.round(Math.random()*iW);		//initial X placement
 S[i]=Math.round(Math.random()*3+2);	//Speed of snow, initially as 5+2
 A[i]=0;
 B[i]=Math.random()*0.1+0.1;
 M[i]=Math.round(Math.random()*2+1); //Size of snow ball, initially at 1+1
}
if (V)
{
for (i = 0; i < N; i++)
{document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0 BGCOLOR='#FAFAF0' CLIP='0,0,"+M[i]+","+M[i]+"'></LAYER>")}
}
else{
document.write('<div style="position:absolute;top:0px;left:0px">');
document.write('<div style="position:relative">');
for (i = 0; i < N; i++)
{document.write('<div id="si" style="position:absolute;top:0;left:0;width:'+M[i]+';height:'+M[i]+';background:#FAFAF0;font-size:'+M[i]+'"></div>')}
document.write('</div></div>');
}

function snow(){
var H=(V)?window.innerHeight:window.document.body.clientHeight;
var W=(V)?window.innerWidth:window.document.body.clientWidth;
var T=(V)?window.pageYOffset:document.body.scrollTop;
var L=(V)?window.pageXOffset:document.body.scrollLeft;
for (i=0; i < N; i++)
{
	Y[i]+=S[i];
	X[i]+=S[i]*Math.cos(A[i]); 
	if (Y[i] > H)
	{
		Y[i]=-10;
		var ran = Math.random();
		X[i]=Math.round(ran*W);
	}
	if (V){document.layers['sn'+i].left=X[i];document.layers['sn'+i].top=Y[i]+T}
else{si[i].style.pixelLeft=X[i];si[i].style.pixelTop=Y[i]+T} 
A[i]+=B[i];
}
setTimeout('snow()',40+N); //timeout initially 10
}

En link dat in overall_header.tpl:

Code: Selecteer alles

<script language="Javascript" type="text/javascript" src="/templates/subSilver/snow.js" /></script>

En in de bodytag zet je:

Code: Selecteer alles

 onload="snow();"

Dit script werkt niet in Firefox, Opera en Mozilla zover ik weet (Maar, he, het is niet mijn script, maar dat van Niels

)

johan2 · Bericht door **johan2** » 21 dec 2005, 14:04

Plaats het volgende in een bestandje snow.js

hoe kan ik een .js bestandje maken?

Bericht door **Paul** » 21 dec 2005, 14:25

Met kladblok.

Lady Elensar · Bericht door **Lady Elensar** » 21 dec 2005, 16:48

Ik heb nog een script gevonden over sneeuw:

Stap 1:

Selecteer en kopieer de onderstaande code en plaats ze tussen de <head> en </head> van je pagina.

Code: Selecteer alles

<style type="text/css">
.snow {
position:absolute;
layer-background-color:#FFFFFF;
visibility:visible;
top:-50px;
font-size:1px;
background-color:#FFFFFF;
}
</style>

Stap 2:

Selecteer en kopieer de onderstaande code en plaats ze tussen de <body> en </body> van je pagina.

Code: Selecteer alles

<script language="javascript">
var snowflakes=50; //Het aantal sneeuwvlokjes.
var level=2; //Snelheids Level 1 tot 5 1=Trager en 5=Snelst
var w3c=(document.getElementById)?true:false;
var ns4=(document.layers)?true:false;
var ie4=(document.all && !w3c)?true:false;
var ie5=(document.all && w3c)?true:false;
var ns6=(w3c && navigator.appName.indexOf("Netscape")>=0)?true:false;
var t='';
var w_x, w_y;
var snow=new Array();
for(i=1;i<=snowflakes;i++)t+='<div id="snow'+i+'" class="snow"></div>';
document.write(t);
function getstartpos(obj){
obj.size=Math.floor(Math.random()*3)+1
obj.ystep=obj.size*level;
obj.xstep=obj.ystep/5;
if(ns4)obj.clip.width=obj.clip.height=obj.size;
else obj.style.width=obj.style.height=obj.size;
moveidto(obj,Math.floor(Math.random()*w_x)-obj.size,0);
}
function movedrop(){
for(i=1;i<=snowflakes;i++){
var l=(ns4)?snow[i].left:parseInt(snow[i].style.left);
var t=(ns4)?snow[i].top:parseInt(snow[i].style.top);
var pxo=(ie4||ie5)?document.body.scrollLeft:pageXOffset;
var pyo=(ie4||ie5)?document.body.scrollTop:pageYOffset;
if( (t+snow[i].ystep+snow[i].size>=w_y+pyo) || (snow[i].xpos-snow[i].size<pxo)) getstartpos(snow[i]);
else moveidto(snow[i], l-snow[i].xstep, t+snow[i].ystep);
}}
function getwindowdims(){
w_x=(ie4||ie5)? document.body.clientWidth:window.innerWidth;
w_y=(ie4||ie5)? document.body.clientHeight:window.innerHeight;
}
function moveidto(id,x,y){
if(ns4)id.moveTo(x,y);
else{
id.style.left=x+'px';
id.style.top=y+'px';
}}
window.onresize=function(){
if(ns4)setTimeout('history.go(0)',400);
else getwindowdims();
}
window.onload=function(){
level=Math.max(Math.min(5,level),1)
getwindowdims();
for(i=1;i<=snowflakes;i++){
snow[i]=(ns4)?document.layers['snow'+i]:(ie4)?document.all['snow'+i]:document.getElementById('snow'+i);
getstartpos(snow[i]);
moveidto(snow[i],Math.floor(Math.random()*(w_x-10)),Math.floor(Math.random()*(w_y-10)));
}
setInterval('movedrop()',50);
}
</script>

Maar ik weet niet zeker of je dit ook voor een forum kunt gebruiken.

Kerst-stijl

Kerst-stijl

Sneeuw