1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
  2. If you want premium products then purchase our VIP or SVIP plans
  3. Dont forget read our rules HERE Also anyone caught Leeching this content or Scamming will be banned on numerous networks.
    Dismiss Notice
  4. Dont forget we do not allow Multiple Accounts, so all of your accounts as well as your IP will be banned.
    Dismiss Notice
  5. Tired of Download Limits ? UPGRADE Today!
    Dismiss Notice

FREE Classic Style Snow Fall

Discussion in 'vBulletin Template Mods & Extras' started by HAWK, Mar 23, 2016.

  1. HAWK

    HAWK Administrator Staff Member ADMIN

    Likes Received:
    1,786
    Trophy Points:
    113
    This will give your site a classic holiday snow fall without any images, uploading any files, or adding any server load to your site.

    It is also customize-able to fit your needs.


    Classic Snow Fall

    In your footer at the very end, below


    </vb:if>
    </div>

    And below any other scripts you may already have there. Add the following


    <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 = 0;
    lftrght = Math.random()*15;
    x_mv = 0.03 + Math.random()/10;
    snow=document.getElementById("s"+i)
    snow.style.fontFamily=snowtype[randommaker(snowtype.length)]
    snow.size=randommaker(snowsizerange)+snowminsize
    snow.style.fontSize=snow.size+'px';
    snow.style.color=snowcolor[randommaker(snowcolor.length)]
    snow.style.zIndex=1000
    snow.sink=sinkspeed*snow.size/5
    if (snowingzone==1) {snow.posx=randommaker(marginright-snow.size)}
    if (snowingzone==2) {snow.posx=randommaker(marginright/2-snow.size)}
    if (snowingzone==3) {snow.posx=randommaker(marginright/2-snow.size)+marginright/4}
    if (snowingzone==4) {snow.posx=randommaker(marginright/2-snow.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>

    Save and reload
    In another browser tab or windows, review the results.
    If all is well as it should be, you're done.[/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i]
     

Share This Page