Making it snow?
+3
Raze
Mr DarkHaxers2
fertilitysisters
7 posters
Page 1 of 1
Making it snow?
Hi, I have a JavaScript code to make it "snow" on the page. I went to the JavaScript management area and put the code for it in there. Its still not snowing. Can anyone tell me where this needs to be placed or what needs to be fixed?
This is the code:
<!-- this script got from www.javascriptfreecode.com-Coded by: Krishna Eydatoula -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js">// 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=0.6
// Set the maximal-size of your snowflaxes
var snowmaxsize=50
// Set the minimal-size of your snowflaxes
var snowminsize=22
// 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=3
///////////////////////////////////////////////////////////////////////////
// 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>
It works when I put it in an html file and look at it from there, but when I try to put it on the site, it doesn't do anything. Thanks for any and all help!
This is the code:
<!-- this script got from www.javascriptfreecode.com-Coded by: Krishna Eydatoula -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js">// 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=0.6
// Set the maximal-size of your snowflaxes
var snowmaxsize=50
// Set the minimal-size of your snowflaxes
var snowminsize=22
// 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=3
///////////////////////////////////////////////////////////////////////////
// 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>
It works when I put it in an html file and look at it from there, but when I try to put it on the site, it doesn't do anything. Thanks for any and all help!
fertilitysisters- New Member
- Posts : 4
Reputation : 1
Language : English
Re: Making it snow?
Put It In The Templates
Mr DarkHaxers2- Forumember
- Posts : 409
Reputation : -17
Language : English
Location : Modesto,Cali
Re: Making it snow?
Which ones? all of them?
fertilitysisters- New Member
- Posts : 4
Reputation : 1
Language : English
Re: Making it snow?
Put In The Home Page
Mr DarkHaxers2- Forumember
- Posts : 409
Reputation : -17
Language : English
Location : Modesto,Cali
Re: Making it snow?
I have copied and pasted it in the index_body template, which is for the Homepage, but it still doesn't work.
fertilitysisters- New Member
- Posts : 4
Reputation : 1
Language : English
Raze- Forumember
- Posts : 406
Reputation : 12
Language : English, HTML, CSS
Re: Making it snow?
That doesn't answer my question for future use of JavaScript, but for now, VERY helpful!! THANKS SO MUCH!!!
fertilitysisters- New Member
- Posts : 4
Reputation : 1
Language : English
Re: Making it snow?
try in your overall header template,
But,This may be a code where you have to add one part in the <head> part and the other in the <body> part..
I am not home right now, but will test when i get home latter..
Also you can probably find a much smaller code that's better as well to.
But,This may be a code where you have to add one part in the <head> part and the other in the <body> part..
I am not home right now, but will test when i get home latter..
Also you can probably find a much smaller code that's better as well to.
kirk- Forumaster
- Posts : 11037
Reputation : 653
Language : English,Vulcan,Klingon, Romulan,& Gorn
Re: Making it snow?
I have test it and the code doesn't work but he can have a look here http://www.schillmania.com/projects/snowstorm/
Re: Making it snow?
Hers this one i had from last year
This will fall through the whole page and will follow the cursor as well.
You can place it in your forums description, over all header, homepage message if you only want it on the index page only, or home page announcement.
- Code:
<script src="http://www.forumsuccessors.com/h76-forumsuccessors-fs-content-snow-plugins-snowstormjs"></script>
This will fall through the whole page and will follow the cursor as well.
You can place it in your forums description, over all header, homepage message if you only want it on the index page only, or home page announcement.
kirk- Forumaster
- Posts : 11037
Reputation : 653
Language : English,Vulcan,Klingon, Romulan,& Gorn
Re: Making it snow?
kirk wrote:Hers this one i had from last year
- Code:
<script src="http://www.forumsuccessors.com/h76-forumsuccessors-fs-content-snow-plugins-snowstormjs"></script>
This will fall through the whole page and will follow the cursor as well.
where i have to paste this code i am using phpbb3
tamilparks- Forumember
- Posts : 143
Reputation : 5
Language : Tamil
Re: Making it snow?
Add it to General>Forum>Configuration
Site Description: Add the code.
Save.
Site Description: Add the code.
Save.
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Similar topics
» I need snow effect for forum but i need script where i can put my jpg. snow flakes.
» On/off button for snow + snow man
» Making Topics in GD > Making replies all over forum
» Snow
» Can't get rid of the snow
» On/off button for snow + snow man
» Making Topics in GD > Making replies all over forum
» Snow
» Can't get rid of the snow
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum