Menu
Forums
All threads
Latest threads
New posts
Trending threads
New posts
Search forums
Trending
What's new
New posts
New profile posts
Latest activity
Members
Current visitors
New profile posts
Search profile posts
Upgrades
Log in
Register
What's new
Search
Search
Search titles only
By:
All threads
Latest threads
New posts
Trending threads
New posts
Search forums
Menu
Log in
Register
Navigation
Install the app
Install
More options
Contact us
Close Menu
Forums
Server Development
Habbo Retros
Habbo Graphics
[REL] Code for moving snow background, RevCMS [REL]
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an
alternative browser
.
Reply to thread
Message
<blockquote data-quote="Aruthra" data-source="post: 247420" data-attributes="member: 36602"><p>[CODE] <SCRIPT type="text/javascript"></p><p>/*</p><p>Classic Snow Fall - Java Script</p><p>*/</p><p>// Set the number of snowflakes (more than 30 - 40 not recommended)</p><p>var snowmax=35</p><p>// Set the colors for the snow. Add as many colors as you like</p><p>var snowcolor=new Array("#aaaacc","#ddddff","#ccccdd","#f3f3f3","#f0ffff")</p><p>// Set the fonts, that create the snowflakes. Add as many fonts as you like</p><p>var snowtype=new Array("Times","Arial","Times","Verdana")</p><p>// Set the letter that creates your snowflake (recommended: * )</p><p>var snowletter="•"</p><p>// Set the speed of sinking (recommended values range from 0.3 to 2)</p><p>var sinkspeed=0.6</p><p>// Set the maximum-size of your snowflakes</p><p>var snowmaxsize=30</p><p>// Set the minimal-size of your snowflakes</p><p>var snowminsize=8</p><p>// Set the snowing-zone</p><p>// Set 1 for all-over-snowing, set 2 for left-side-snowing</p><p>// Set 3 for center-snowing, set 4 for right-side-snowing</p><p>var snowingzone=1</p><p>///////////////////////////////////////////////////////////////////////////</p><p>// CONFIGURATION ENDS HERE</p><p>///////////////////////////////////////////////////////////////////////////</p><p>// Do not edit below this line</p><p>var snow=new Array()</p><p>var marginbottom</p><p>var marginright</p><p>var timer</p><p>var i_snow=0</p><p>var x_mv=new Array();</p><p>var crds=new Array();</p><p>var lftrght=new Array();</p><p>var browserinfos=navigator.userAgent</p><p>var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)</p><p>var ns6=document.getElementById&&!document.all</p><p>var opera=browserinfos.match(/Opera/)</p><p>var browserok=ie5||ns6||opera</p><p>function randommaker(range) {</p><p> rand=Math.floor(range*Math.random())</p><p> return rand</p><p>}</p><p>function initsnow() {</p><p> if (ie5 || opera) {</p><p> marginbottom = document.body.scrollHeight</p><p> marginright = document.body.clientWidth-15</p><p> }</p><p> else if (ns6) {</p><p> marginbottom = document.body.scrollHeight</p><p> marginright = window.innerWidth-15</p><p> }</p><p> var snowsizerange=snowmaxsize-snowminsize</p><p> for (i=0;i<=snowmax;i++) {</p><p> crds[i] = 0;</p><p> lftrght[i] = Math.random()*15;</p><p> x_mv[i] = 0.03 + Math.random()/10;</p><p> snow[i]=document.getElementById("s"+i)</p><p> snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]</p><p> snow[i].size=randommaker(snowsizerange)+snowminsize</p><p> snow[i].style.fontSize=snow[i].size+'px';</p><p> snow[i].style.color=snowcolor[randommaker(snowcolor.length)]</p><p> snow[i].style.zIndex=1000</p><p> snow[i].sink=sinkspeed*snow[i].size/5</p><p> if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}</p><p> if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}</p><p> if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}</p><p> if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}</p><p> snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)</p><p> snow[i].style.left=snow[i].posx+'px';</p><p> snow[i].style.top=snow[i].posy+'px';</p><p> }</p><p> movesnow()</p><p>}</p><p>function movesnow() {</p><p> for (i=0;i<=snowmax;i++) {</p><p> crds[i] += x_mv[i];</p><p> snow[i].posy+=snow[i].sink</p><p> snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+'px';</p><p> snow[i].style.top=snow[i].posy+'px';</p><p> if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){</p><p> if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}</p><p> if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}</p><p> if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}</p><p> if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}</p><p> snow[i].posy=0</p><p> }</p><p> }</p><p> var timer=setTimeout("movesnow()",50)</p><p>}</p><p>for (i=0;i<=snowmax;i++) {</p><p> document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")</p><p>}</p><p>if (browserok) {</p><p> window.onload=initsnow</p><p>}</p><p></SCRIPT>[/CODE]</p><p></p><p></p><p style="text-align: center"></p><p>Show your thanks by hitting the "<strong>Like</strong>" button!</p><p>Credits not to me, lol! Google <img src="/styles/default/xenforo/smilies/emojione/biggrin.png" class="smilie" loading="lazy" alt=":D" title="Big Grin :D" data-shortname=":D" /></p><p></p><p>Hope you'll use this,</p><p><strong>Aruthra</strong></p></blockquote><p></p>
[QUOTE="Aruthra, post: 247420, member: 36602"] [CODE] <SCRIPT type="text/javascript"> /* Classic Snow Fall - Java 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","#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>[/CODE] [CENTER][/CENTER] Show your thanks by hitting the "[B]Like[/B]" button! Credits not to me, lol! Google :D Hope you'll use this, [B]Aruthra[/B] [/QUOTE]
Insert quotes…
Verification
Post reply
Forums
Server Development
Habbo Retros
Habbo Graphics
[REL] Code for moving snow background, RevCMS [REL]
Top