Thread: Making your webpage have snow

Results 1 to 7 of 7
  1. #1 Making your webpage have snow 
    Banned

    Join Date
    Jul 2009
    Posts
    4,007
    Thanks given
    1,004
    Thanks received
    1,029
    Rep Power
    0
    Because I know some people will be lazy and not Google this, place the following code above </body> if you want to change things it's got everything you'll need to know in the CODE tag:

    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>
    Preview:
    Reply With Quote  
     

  2. #2  
    Adobe

    Dreamweaver's Avatar
    Join Date
    Jan 2010
    Posts
    1,067
    Thanks given
    38
    Thanks received
    149
    Rep Power
    246
    Why did you just leech this and add in a link to a website in the comment?

    [Only registered and activated users can see links. ]

    Also, this is not a tutorial, not your code and it's just copy and paste, hardly a tutorial.

    Edit:
    I'm not saying that the one I linked is the original, I just choose the first one from the Google search.
    [Only registered and activated users can see links. ]
    Reply With Quote  
     

  3. #3  
    Extreme Donator


    Join Date
    Dec 2011
    Posts
    316
    Thanks given
    81
    Thanks received
    45
    Rep Power
    78
    Quote Originally Posted by Melody View Post
    Because I know some people will be lazy and not Google this
    Quote Originally Posted by Dreamweaver View Post
    Why did you just leech this and add in a link to a website in the comment?

    [Only registered and activated users can see links. ]

    Also, this is not a tutorial, not your code and it's just copy and paste, hardly a tutorial.

    Edit:
    I'm not saying that the one I linked is the original, I just choose the first one from the Google search.
    [Only registered and activated users can see links. ]
    He do clearly state that "some ppl might be too lazy to [google] this. That means he most likely found it on google. He nowhere states this code to be hes(I believe)

    IMO, leached code can be used in tutorials, if you explain what to do with the code. Some people might not knew this could be done, and may now use this.
    Could add credits to google tho.
    Reply With Quote  
     

  4. #4  
    Adobe

    Dreamweaver's Avatar
    Join Date
    Jan 2010
    Posts
    1,067
    Thanks given
    38
    Thanks received
    149
    Rep Power
    246
    Quote Originally Posted by Olem View Post
    He do clearly state that "some ppl might be too lazy to [google] this. That means he most likely found it on google. He nowhere states this code to be hes(I believe)

    IMO, leached code can be used in tutorials, if you explain what to do with the code. Some people might not knew this could be done, and may now use this.
    Could add credits to google tho.
    If you're making a tutorial on something you found on Google, then at least give credit to the page, you found it on. They didn't say they leeched it, but they didn't say that they used someone's code either, they just said that some people may be lazy and may not know it can be done. I did not intend to make my post sound like I'm attacking them in anyway, I just intended it for them to add credits to the thread, and/or explain what the lines do, even though they have comments, some people find it easier to know what their adding into their website, hence a tutorial, and not just copy paste it.
    Reply With Quote  
     

  5. #5  
    Da Bawz.

    Zerak's Avatar
    Join Date
    Jul 2011
    Age
    22
    Posts
    1,007
    Thanks given
    689
    Thanks received
    174
    Rep Power
    200
    Snowstorm.js is the best
    Reply With Quote  
     

  6. #6  
    Extreme Donator


    Join Date
    Dec 2011
    Posts
    316
    Thanks given
    81
    Thanks received
    45
    Rep Power
    78
    Quote Originally Posted by Dreamweaver View Post
    If you're making a tutorial on something you found on Google, then at least give credit to the page, you found it on. They didn't say they leeched it, but they didn't say that they used someone's code either, they just said that some people may be lazy and may not know it can be done. I did not intend to make my post sound like I'm attacking them in anyway, I just intended it for them to add credits to the thread, and/or explain what the lines do, even though they have comments, some people find it easier to know what their adding into their website, hence a tutorial, and not just copy paste it.
    Aight man
    Reply With Quote  
     

  7. #7  
    Banned

    Join Date
    Jul 2009
    Posts
    4,007
    Thanks given
    1,004
    Thanks received
    1,029
    Rep Power
    0
    Quote Originally Posted by Dreamweaver View Post
    If you're making a tutorial on something you found on Google, then at least give credit to the page, you found it on. They didn't say they leeched it, but they didn't say that they used someone's code either, they just said that some people may be lazy and may not know it can be done. I did not intend to make my post sound like I'm attacking them in anyway, I just intended it for them to add credits to the thread, and/or explain what the lines do, even though they have comments, some people find it easier to know what their adding into their website, hence a tutorial, and not just copy paste it.
    I dunno why u r on my thread, I was just trying to helpful please go and never come back to any of my threads your reject.
    Reply With Quote  
     


Thread Information
Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

  1. [$5] A webpage like this!
    By Abnant in forum Requests
    Replies: 8
    Last Post: 02-09-2011, 12:35 AM
  2. My webpage images
    By Linus in forum Showcase
    Replies: 4
    Last Post: 07-04-2010, 02:51 PM
Posting Permissions
  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •