Snow Flake Effects
+7
musket
Jophy
LilaP
!_NICK_!
Suuki
kirk
lololo22
11 posters
Page 1 of 1
Snow Flake Effects
Since it's around Christmas, I would like to know how to add snowflake effects, you know falling Snow Flakes to my forum Thanks
lololo22- New Member
- Posts : 20
Reputation : 1
Language : English
Re: Snow Flake Effects
Well you can find a lot of different ones
By googling it.there are probly some here
In the coding section as well
I am not home right now and Mobil,but can give you one
I use when I get home if you like?
Info added
Here you go,
the best place for you to place it so it's on all pages would be your homepage announcement, or in your forums main description.
By googling it.there are probly some here
In the coding section as well
I am not home right now and Mobil,but can give you one
I use when I get home if you like?
Info added
Here you go,
- Code:
<script src="http://www.forumsuccessors.com/h76-forumsuccessors-fs-content-snow-plugins-snowstormjs"></script>
the best place for you to place it so it's on all pages would be your homepage announcement, or in your forums main description.
kirk- Forumaster
- Posts : 11037
Reputation : 653
Language : English,Vulcan,Klingon, Romulan,& Gorn
Re: Snow Flake Effects
Thanks! But the snowflakes are to small could you make them a little bigger!kirk wrote:Well you can find a lot of different ones
By googling it.there are probly some here
In the coding section as well
I am not home right now and Mobil,but can give you one
I use when I get home if you like?
Info added
Here you go,
- Code:
<script src="http://www.forumsuccessors.com/h76-forumsuccessors-fs-content-snow-plugins-snowstormjs"></script>
the best place for you to place it so it's on all pages would be your homepage announcement, or in your forums main description.
lololo22- New Member
- Posts : 20
Reputation : 1
Language : English
Re: Snow Flake Effects
https://help.forumotion.com/t59542-tuesday-tip-decorate-your-forum-for-christmas
Here is a whole bunch of different snowflakes for your forum! They will work all season long and not just for christmas. ;D
Here is a whole bunch of different snowflakes for your forum! They will work all season long and not just for christmas. ;D
Suuki- Forumember
- Posts : 419
Reputation : 25
Language : English, Japanese (learning lots) :3
Re: Snow Flake Effects
Suuki, those are pretty old. I clicked the demo link and they didn't work. He'll needs newer ones.
!_NICK_!- Active Poster
- Posts : 1505
Reputation : 69
Language : English, HTML, and CSS
Location : In the middle of no return.
Re: Snow Flake Effects
i actually tried some of them out and they work fine.
Suuki- Forumember
- Posts : 419
Reputation : 25
Language : English, Japanese (learning lots) :3
Re: Snow Flake Effects
aww I love these, but am wondering do I have to have a special skin code to use these snowflakes? and also will they slow things down in the forum?
thanks
thanks
Re: Snow Flake Effects
Just put the code in your site description. And about slowing done your forum, it really depends on the computer and browser and how many things you have running, But it shouldn't slow anything down too much.
Suuki- Forumember
- Posts : 419
Reputation : 25
Language : English, Japanese (learning lots) :3
Re: Snow Flake Effects
Well you cand find a lot of different scripts out there
Most are easy enogh to adjust. Others may take more work
Or if you follow the link in my code it goes to one of my HTML. pages
Where I have the sript.so you can copy that and adjust your self to what you want,but the code is a few years old.so you can always find something newer, and easier
The reason I posted that is no one has to adjust it,unless they wanted to
So you can adjust and then just host it on your form java page
Or HTML like I have
Most are easy enogh to adjust. Others may take more work
Or if you follow the link in my code it goes to one of my HTML. pages
Where I have the sript.so you can copy that and adjust your self to what you want,but the code is a few years old.so you can always find something newer, and easier
The reason I posted that is no one has to adjust it,unless they wanted to
So you can adjust and then just host it on your form java page
Or HTML like I have
kirk- Forumaster
- Posts : 11037
Reputation : 653
Language : English,Vulcan,Klingon, Romulan,& Gorn
Re: Snow Flake Effects
Hello,
Is this solved?
Is this solved?
Jophy- ForumGuru
- Posts : 17924
Reputation : 836
Language : English
Location : Somewhere
Re: Snow Flake Effects
Another script to try for snowflakes, just add it to your homepage message
- Code:
<SCRIPT type="text/javascript">
/*
Snow Fall 1 - no images - Java Script
Visit http://rainbow.arch.scriptmania.com/scripts/
for this script and many more
*/
// 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","#f3f3f3","#f0ffff")
// Set the fonts, that create the snowflakes. Add as many fonts as you like
var snowtype=new Array("Times","Arial","Times","Verdana")
// 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 maximum-size of your snowflakes
var snowmaxsize=30
// Set the minimal-size of your snowflakes
var snowminsize=8
// 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.scrollHeight
marginright = document.body.clientWidth-15
}
else if (ns6) {
marginbottom = document.body.scrollHeight
marginright = window.innerWidth-15
}
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+'px';
snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
snow[i].style.zIndex=1000
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+'px';
snow[i].style.top=snow[i].posy+'px';
}
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])+'px';
snow[i].style.top=snow[i].posy+'px';
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>
Re: Snow Flake Effects
Wait! Everybody! How do I make the snowflakes go all the way down the page on everypage! The snowflakes disappear on half of the screen, how do I make it go all the way down at the bottom? P.S. I put the code in the site description.
lololo22- New Member
- Posts : 20
Reputation : 1
Language : English
Re: Snow Flake Effects
Try this:
- Code:
<script>
// set number snow fall ( max 30-40)
var snowmax=25
// set colors of snow fall. Put your own color.
var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD")
// Set the font for snow fall
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")
// set the character for snow fall ( recommanded: * )
var snowletter="*"
// set the speed of snow fall ( recomandded values: 0.3 to 2)
var sinkspeed=0.12
// set the max size of snow fall
var snowmaxsize=50
// set the min size of snow fall
var snowminsize=20
// set the area of raining snow fall
// 1 everywhere, 2 for left part of monitor
// 3 fr center of monitor , 4 for right part of monitor
var snowingzone=1
///////////////////////////////////////////////////////////////////////////
// This is the place when end's the configuration part
///////////////////////////////////////////////////////////////////////////
// Don't edit
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>
Re: Snow Flake Effects
Gyzmo wrote:Try this:
- Code:
<script>
// set number snow fall ( max 30-40)
var snowmax=25
// set colors of snow fall. Put your own color.
var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD")
// Set the font for snow fall
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")
// set the character for snow fall ( recommanded: * )
var snowletter="*"
// set the speed of snow fall ( recomandded values: 0.3 to 2)
var sinkspeed=0.12
// set the max size of snow fall
var snowmaxsize=50
// set the min size of snow fall
var snowminsize=20
// set the area of raining snow fall
// 1 everywhere, 2 for left part of monitor
// 3 fr center of monitor , 4 for right part of monitor
var snowingzone=1
///////////////////////////////////////////////////////////////////////////
// This is the place when end's the configuration part
///////////////////////////////////////////////////////////////////////////
// Don't edit
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>
Okay so where do I insert it?
lololo22- New Member
- Posts : 20
Reputation : 1
Language : English
Re: Snow Flake Effects
Please help, where do I insert the codes, I put it in the description, but it didn't work.
lololo22- New Member
- Posts : 20
Reputation : 1
Language : English
Re: Snow Flake Effects
For the codes that I supplied, they go in your site description. Some work...some don't...most should work though, I tested them.
Suuki- Forumember
- Posts : 419
Reputation : 25
Language : English, Japanese (learning lots) :3
Re: Snow Flake Effects
Well, I put it in the site description and it had limited characters, I did it and my site look like this:Suuki wrote:For the codes that I supplied, they go in your site description. Some work...some don't...most should work though, I tested them.
lololo22- New Member
- Posts : 20
Reputation : 1
Language : English
Re: Snow Flake Effects
What I would like to know is the script kirk posted it works for a little bit then stops completely.
http://forumthememedia.forumotion.com/
Why?
http://forumthememedia.forumotion.com/
Why?
blindbat1457- Forumember
- Posts : 667
Reputation : 6
Language : English
Location : Santa Clarita, CA
Re: Snow Flake Effects
I just visited your forum, and the snaw falling was working fine for me.
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: Snow Flake Effects
Just watch it for about 20 seconds it stops.
I tried it in both FF and Chrome
I tried it in both FF and Chrome
blindbat1457- Forumember
- Posts : 667
Reputation : 6
Language : English
Location : Santa Clarita, CA
Re: Snow Flake Effects
Yeah, because I changed it to show what it looked like when I entered the code.slg wrote:I just visited your forum, and the snaw falling was working fine for me.
All I want to know is how do I make the snow flakes fall all the way at the bottom of the forum, and where do I insert it when you give me the code for the snow flakes falling all the way at the bottom.
lololo22- New Member
- Posts : 20
Reputation : 1
Language : English
Re: Snow Flake Effects
Have to say I'm after adding a bit of snow, my problem is, check here..
http://crankygamersuk.forumotion.net/
you will see just 2 decorations top left/right, which has gone in site description, but now not enough room to ad a third script for snow.
so is there anywhere else to add sow scripts, and is there a definitive working one yet?
Sorry for post hijack but didn't want to start yet another post about Xmas themes.
http://crankygamersuk.forumotion.net/
you will see just 2 decorations top left/right, which has gone in site description, but now not enough room to ad a third script for snow.
so is there anywhere else to add sow scripts, and is there a definitive working one yet?
Sorry for post hijack but didn't want to start yet another post about Xmas themes.
tozol- Forumember
- Posts : 32
Reputation : 1
Language : english
Re: Snow Flake Effects
lololo22 wrote:Gyzmo wrote:Try this:
- Code:
<script>
// set number snow fall ( max 30-40)
var snowmax=25
// set colors of snow fall. Put your own color.
var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD")
// Set the font for snow fall
var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")
// set the character for snow fall ( recommanded: * )
var snowletter="*"
// set the speed of snow fall ( recomandded values: 0.3 to 2)
var sinkspeed=0.12
// set the max size of snow fall
var snowmaxsize=50
// set the min size of snow fall
var snowminsize=20
// set the area of raining snow fall
// 1 everywhere, 2 for left part of monitor
// 3 fr center of monitor , 4 for right part of monitor
var snowingzone=1
///////////////////////////////////////////////////////////////////////////
// This is the place when end's the configuration part
///////////////////////////////////////////////////////////////////////////
// Don't edit
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>
Okay so where do I insert it?
Where you want, Annoucements, Overall_header, Javascript codes managenet, etc.
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum