HomeHow do I add falling snow?
+19
Liquid
ken
-=BleSsEd_GuY=-
Lady Lara
Glad E Olah
dmicou
Junior-B
geosep
gandakotalaga
minal
Cherry Blossom
CANADIEN
PetsPalace
Kryptonist
frontier gander
fotis01
Gunhack X
Rok
sticky buns
23 posters
Page 1 of 2
Page 1 of 2 • 1, 2 
How do I add falling snow?
by sticky buns November 28th 2008, 8:25 pm
Hi,
I would like for my forum to look more festive. Does anyone know how to add falling snow?.
(I'm using the PhpBB2 version.).
Thank you......
I would like for my forum to look more festive. Does anyone know how to add falling snow?.
(I'm using the PhpBB2 version.).
Thank you......
sticky buns- New Member
-
Posts : 6
Reputation : 0
Language : English
Re: How do I add falling snow?
by Rok November 28th 2008, 8:42 pm
What you do is get the code for the falling snow, or any falling affect from any site (like from Pyzam.com), then embed the code in your site description.
To embed the code into the site description :
Admin Panel >
General tab >
Forum -- Configuration>
Then just simply embed the code for the falling affects into the site description, then Save
To embed the code into the site description :
Admin Panel >
General tab >
Forum -- Configuration>
Then just simply embed the code for the falling affects into the site description, then Save
Rok- Energetic
-
Posts : 6823
Reputation : 234
Language : idk
Re: How do I add falling snow?
by Gunhack X November 28th 2008, 9:24 pm
Ok, here it is.
First, go to: (This is in Advanced Mode, If you are in Simple change it)
Open it and add this code at the beginning of the page and then preview it (Clicking this image
) . If you like it publish it (Clicking this icon 
) .
First, go to: (This is in Advanced Mode, If you are in Simple change it)
Administration Panel > Display > Templates > General > overall_header_new
Open it and add this code at the beginning of the page and then preview it (Clicking this image
) . If you like it publish it (Clicking this icon ) .- Code:
<script type="text/javascript">
/******************************************
* Snow Effect script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)
* Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code
* Last updated Nov 9th, 05' by DD. This notice must stay intact for use
******************************************/
var snowsrc="http://i71.servimg.com/u/f71/12/41/10/67/snow10.gif"
var no = 10;
var hidesnowtime = 0;
var snowdistance = "windowheight";
var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
function iecompattest()
{
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
var dx, xp, yp;
var am, stx, sty;
var i, doc_width = 800, doc_height = 600;
if (ns6up)
{
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
else
if (ie4up)
{
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no; ++ i)
{
dx[i] = 0;
xp[i] = Math.random()*(doc_width-50);
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
if (ie4up||ns6up)
{
if (i == 0)
{
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
}
else
{
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
}
}
}
function snowIE_NS6()
{
doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
for (i = 0; i < no; ++ i)
{
yp[i] += sty[i];
if (yp[i] > doc_height-50)
{
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
}
dx[i] += stx[i];
document.getElementById("dot"+i).style.top=yp[i]+"px";
document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
}
snowtimer=setTimeout("snowIE_NS6()", 10);
}
function hidesnow()
{
if (window.snowtimer) clearTimeout(snowtimer)
for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
}
if (ie4up||ns6up)
{
snowIE_NS6();
if (hidesnowtime>0)
setTimeout("hidesnow()", hidesnowtime*1000)
}
</script>
Gunhack X- Forumember
- Posts : 479
Reputation : 14
Language : English, Español
Location : USA -
Re: How do I add falling snow?
by sticky buns November 28th 2008, 11:13 pm
rokstrsk83rdude wrote:What you do is get the code for the falling snow, or any falling affect from any site (like from Pyzam.com), then embed the code in your site description.
To embed the code into the site description :
Admin Panel >
General tab >
Forum -- Configuration>
Then just simply embed the code for the falling affects into the site description, then Save
Thanks very much for your reply. I'll have a go right now!..
sticky buns- New Member
- Posts : 6
Reputation : 0
Language : English
Re: How do I add falling snow?
by sticky buns November 28th 2008, 11:17 pm
Gunhack X wrote:Ok, here it is.
First, go to: (This is in Advanced Mode, If you are in Simple change it)Administration Panel > Display > Templates > General > overall_header_new
Open it and add this code at the beginning of the page and then preview it (Clicking this image
- Code:
<script type="text/javascript">
/******************************************
* Snow Effect script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)
* Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code
* Last updated Nov 9th, 05' by DD. This notice must stay intact for use
******************************************/
var snowsrc="http://i71.servimg.com/u/f71/12/41/10/67/snow10.gif"
var no = 10;
var hidesnowtime = 0;
var snowdistance = "windowheight";
var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
function iecompattest()
{
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
var dx, xp, yp;
var am, stx, sty;
var i, doc_width = 800, doc_height = 600;
if (ns6up)
{
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
else
if (ie4up)
{
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no; ++ i)
{
dx[i] = 0;
xp[i] = Math.random()*(doc_width-50);
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
if (ie4up||ns6up)
{
if (i == 0)
{
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
}
else
{
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
}
}
}
function snowIE_NS6()
{
doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
for (i = 0; i < no; ++ i)
{
yp[i] += sty[i];
if (yp[i] > doc_height-50)
{
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
}
dx[i] += stx[i];
document.getElementById("dot"+i).style.top=yp[i]+"px";
document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
}
snowtimer=setTimeout("snowIE_NS6()", 10);
}
function hidesnow()
{
if (window.snowtimer) clearTimeout(snowtimer)
for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
}
if (ie4up||ns6up)
{
snowIE_NS6();
if (hidesnowtime>0)
setTimeout("hidesnow()", hidesnowtime*1000)
}
</script>
Hi, thanks very much for your help...
I'm still learning the ropes!..
sticky buns- New Member
- Posts : 6
Reputation : 0
Language : English
Gunhack X- Forumember
- Posts : 479
Reputation : 14
Language : English, Español
Location : USA -
Re: How do I add falling snow?
by fotis01 November 29th 2008, 7:06 pm
Gunhack X wrote:Ok, here it is.
First, go to: (This is in Advanced Mode, If you are in Simple change it)Administration Panel > Display > Templates > General > overall_header_new
Open it and add this code at the beginning of the page and then preview it (Clicking this image
- Code:
<script type="text/javascript">
/******************************************
* Snow Effect script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)
* Visit Dynamic Drive DHTML code lib
rary (http://www.dynamicdrive.com/) for full source code
* Last updated Nov 9th, 05' by DD. This notice must stay intact for use
******************************************/
var snowsrc="http://i71.servimg.com/u/f71/12/41/10/67/snow10.gif"
var no = 10;
var hidesnowtime = 0;
var snowdistance = "windowheight";
var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
function iecompattest()
{
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
var dx, xp, yp;
var am, stx, sty;
var i, doc_width = 800, doc_height = 600;
if (ns6up)
{
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
else
if (ie4up)
{
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no; ++ i)
{
dx[i] = 0;
xp[i] = Math.random()*(doc_width-50);
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
if (ie4up||ns6up)
{
if (i == 0)
{
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");
}
else
{
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");
}
}
}
function snowIE_NS6()
{
doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;
doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;
for (i = 0; i < no; ++ i)
{
yp[i] += sty[i];
if (yp[i] > doc_height-50)
{
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
}
dx[i] += stx[i];
document.getElementById("dot"+i).style.top=yp[i]+"px";
document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
}
snowtimer=setTimeout("snowIE_NS6()", 10);
}
function hidesnow()
{
if (window.snowtimer) clearTimeout(snowtimer)
for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"
}
if (ie4up||ns6up)
{
snowIE_NS6();
if (hidesnowtime>0)
setTimeout("hidesnow()", hidesnowtime*1000)
}
</script>
thanks, i also needed this
but it falls until around thee 1/4 of the page, then it dissapears.. what can I do?
fotis01- Forumember
- Posts : 26
Reputation : 0
Language : Greek
Re: How do I add falling snow?
by frontier gander November 29th 2008, 8:03 pm
i'll thank u guys too, ive always wondered how to do that
frontier gander- Forumember
- Posts : 160
Reputation : 1
Language : english -
Re: How do I add falling snow?
by Kryptonist November 29th 2008, 8:10 pm
I'm using the phpBB3 version. But, I can't do it. Please help me 
Thanks!
Thanks!
Kryptonist- Forumember
- Posts : 62
Reputation : 0
Language : English
Re: How do I add falling snow?
by PetsPalace November 29th 2008, 8:23 pm
Kryptonist wrote:I'm using the phpBB3 version. But, I can't do it. Please help me
Thanks!
same prob here
PetsPalace- New Member
- Posts : 24
Reputation : 0
Language : english -
Re: How do I add falling snow?
by CANADIEN November 29th 2008, 8:35 pm
Can't do what?
You must pay to edit the templates with phpbb3, punbb, and invision.
It's only free for phpbb2 forum.
You must pay to edit the templates with phpbb3, punbb, and invision.
It's only free for phpbb2 forum.
CANADIEN- Active Poster
- Posts : 1312
Reputation : 33
Language : English, French
Re: How do I add falling snow?
by Kryptonist November 29th 2008, 8:38 pm
CANADIEN wrote:Can't do what?
You must pay to edit the templates with phpbb3, punbb, and invision.
It's only free for phpbb2 forum.
I don't know. How?
Kryptonist- Forumember
- Posts : 62
Reputation : 0
Language : English
Re: How do I add falling snow?
by Cherry Blossom November 29th 2008, 8:39 pm
Add it to the welcome message
Cherry Blossom- Forumember
- Posts : 996
Reputation : 23
Language : English -
Re: How do I add falling snow?
by minal November 29th 2008, 11:53 pm
fotis01 wrote:thanks, i also needed this
but it falls until around thee 1/4 of the page, then it dissapears.. what can I do?
Look at the original code. Do you see the part with the ******** ?
After the section with the **** -text here- ***** You'll see:
- Code:
var snowsrc="http://i71.servimg.com/u/f71/12/41/10/67/snow10.gif"
var no = 10;
var hidesnowtime = 0;
var snowdistance = "windowheight";
Change the part that says windowheight to pageheight and it will go all the way down
minal- Forumember
- Posts : 25
Reputation : 10
Language : English -
Re: How do I add falling snow?
by Gunhack X November 30th 2008, 3:13 am
What you can do is add this code into your Welcome Message in Generalities.PetsPalace wrote:Kryptonist wrote:I'm using the phpBB3 version. But, I can't do it. Please help me
Thanks!
same prob here
Gunhack X- Forumember
- Posts : 479
Reputation : 14
Language : English, Español
Location : USA -
Re: How do I add falling snow?
by gandakotalaga November 30th 2008, 4:04 am
is it possible to appear only in portal?
gandakotalaga- Forumember
- Posts : 113
Reputation : 0
Language : english
Re: How do I add falling snow?
by geosep November 30th 2008, 11:45 am
And about phpbb3?
Where we have to add this code?
Where we have to add this code?
geosep- Forumember
- Posts : 111
Reputation : 0
Language : Greek
Re: How do I add falling snow?
by PetsPalace November 30th 2008, 12:56 pm
Gunhack X wrote:What you can do is add this code into your Welcome Message in Generalities.PetsPalace wrote:Kryptonist wrote:I'm using the phpBB3 version. But, I can't do it. Please help me
Thanks!
same prob here
thnx its worked
PetsPalace- New Member
- Posts : 24
Reputation : 0
Language : english -
Re: How do I add falling snow?
by Junior-B November 30th 2008, 2:42 pm
PetsPalace wrote:Gunhack X wrote:What you can do is add this code into your Welcome Message in Generalities.PetsPalace wrote:Kryptonist wrote:I'm using the phpBB3 version. But, I can't do it. Please help me
Thanks!
same prob here
Doesn't work for me...
Junior-B- Forumember
- Posts : 215
Reputation : 10
Language : Greek, English, German
dmicou- New Member
- Posts : 4
Reputation : 0
Language : english
Re: How do I add falling snow?
by frontier gander December 2nd 2008, 3:36 am
works for me but my members can not see the snow today 
frontier gander- Forumember
- Posts : 160
Reputation : 1
Language : english -
Junior-B- Forumember
- Posts : 215
Reputation : 10
Language : Greek, English, German
Re: How do I add falling snow?
by Glad E Olah December 3rd 2008, 3:58 am
You are wonderful! The snow looks great! Thank you soooooooooooooo much!
Glad E Olah- Forumember
- Posts : 216
Reputation : -1
Language : English
Location : MO USA -
snowflack
by Lady Lara December 9th 2008, 12:23 pm
Hi,
I use phpBB3 version and the code is visabel in the front page of the forum, bur no snow is falling.
Please, for those that works, give the sollution.
thanks
I use phpBB3 version and the code is visabel in the front page of the forum, bur no snow is falling.
Please, for those that works, give the sollution.
thanks
Lady Lara- New Member
- Posts : 3
Reputation : 0
Language : English, Portuguese
Re: How do I add falling snow?
by -=BleSsEd_GuY=- December 9th 2008, 2:09 pm
for forums
paste the code in
admin cp>>>>display>>>generalities>>>welcome message
paste the code in
admin cp>>>>display>>>generalities>>>welcome message
-=BleSsEd_GuY=-- Forumember
- Posts : 183
Reputation : 0
Language : English
Re: How do I add falling snow?
by Lady Lara December 9th 2008, 3:15 pm
-=BleSsEd_GuY=- wrote:for forums
paste the code in
admin cp>>>>display>>>generalities>>>welcome message
I've done that and thas not work, what we see is the code it self
I've change the forum to phpBB2, and add the code to Templates > General > overall_header_new, and dont work.
Last edited by Lady Lara on December 9th 2008, 3:18 pm; edited 1 time in total (Reason for editing : adding info)
Lady Lara- New Member
- Posts : 3
Reputation : 0
Language : English, Portuguese
Re: How do I add falling snow?
by ken December 9th 2008, 3:51 pm
Lady Lara wrote:-=BleSsEd_GuY=- wrote:for forums
paste the code in
admin cp>>>>display>>>generalities>>>welcome message
I've done that and thas not work, what we see is the code it self
I've change the forum to phpBB2, and add the code to Templates > General > overall_header_new, and dont work.
easy way to add snow is put the code in a widget, it works fine for me i have even added some festive music, and with it being in a widget it allows you to set the permission to guest only, this means you will have snow falling down your page but when someone logs in it stops and so does any music
give it a go
ken- Forumember
- Posts : 135
Reputation : 0
Language : english
Re: How do I add falling snow?
by Lady Lara December 9th 2008, 6:39 pm
Ok,
It's working,
Thanks to all.
It's working,
Thanks to all.
Lady Lara- New Member
- Posts : 3
Reputation : 0
Language : English, Portuguese
Re: How do I add falling snow?
by Liquid December 10th 2008, 11:42 pm
I need help. The snow is falling without any pictures of snow, just box's. Help?
Liquid- Forumember
- Posts : 29
Reputation : 0
Language : English
Re: How do I add falling snow?
by Dragon Princ December 11th 2008, 10:52 am
How can I add it just on first forum page??
Dragon Princ- New Member
- Posts : 10
Reputation : 0
Language : Slovenian -
Page 1 of 2 • 1, 2
Page 1 of 2
Permissions in this forum:
You cannot reply to topics in this forum
Facebook
Twitter
Pinterest
Youtube
