To make you website page snow

Simply add a Divi Code Module to your Page and paste in the script downloaded by the button below.

<script><!-- [et_pb_line_break_holder] -->(function ($) {<!-- [et_pb_line_break_holder] --> //<!-- [et_pb_line_break_holder] --> // Zachary Johnson<!-- [et_pb_line_break_holder] --> // https://www.zachstronaut.com/posts/2009/12/21/happy-xmas-winternet.html<!-- [et_pb_line_break_holder] --> // December 2009<!-- [et_pb_line_break_holder] --> //<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> var ww = 0;<!-- [et_pb_line_break_holder] --> var wh = 0;<!-- [et_pb_line_break_holder] --> var maxw = 0;<!-- [et_pb_line_break_holder] --> var minw = 0;<!-- [et_pb_line_break_holder] --> var maxh = 0;<!-- [et_pb_line_break_holder] --> var textShadowSupport = true;<!-- [et_pb_line_break_holder] --> var xv = 0;<!-- [et_pb_line_break_holder] --> var snowflakes = ["\u2744", "\u2745", "\u2746"];<!-- [et_pb_line_break_holder] --> var prevTime;<!-- [et_pb_line_break_holder] --> var absMax = 200;<!-- [et_pb_line_break_holder] --> var flakeCount = 0;<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> $(init);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function init()<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> var detectSize = function ()<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> ww = $(window).width();<!-- [et_pb_line_break_holder] --> wh = $(window).height();<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> maxw = ww + 300;<!-- [et_pb_line_break_holder] --> minw = -300;<!-- [et_pb_line_break_holder] --> maxh = wh + 300;<!-- [et_pb_line_break_holder] --> };<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> detectSize();<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> $(window).resize(detectSize);<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> if (!$('body').css('textShadow'))<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> textShadowSupport = false;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> /* Should work in Windows 7 /*<!-- [et_pb_line_break_holder] --> if (/windows/i.test(navigator.userAgent))<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> snowflakes = ['*']; // Windows sucks and doesn't have Unicode chars installed<!-- [et_pb_line_break_holder] --> //snowflakes = ['T']; //No FF support for Wingdings<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> */<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> // FF seems to just be able to handle like 50... 25 with rotation<!-- [et_pb_line_break_holder] --> // Safari seems fine with 150+... 75 with rotation<!-- [et_pb_line_break_holder] --> var i = 50;<!-- [et_pb_line_break_holder] --> while (i--)<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> addFlake(true);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> prevTime = new Date().getTime();<!-- [et_pb_line_break_holder] --> setInterval(move, 50);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> function addFlake(initial)<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> flakeCount++;<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> var sizes = [<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> r: 1.0,<!-- [et_pb_line_break_holder] --> css: {<!-- [et_pb_line_break_holder] --> fontSize: 15 + Math.floor(Math.random() * 20) + 'px',<!-- [et_pb_line_break_holder] --> textShadow: '9999px 0 0 rgba(238, 238, 238, 0.5)'<!-- [et_pb_line_break_holder] --> },<!-- [et_pb_line_break_holder] --> v: 2<!-- [et_pb_line_break_holder] --> },<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> r: 0.6,<!-- [et_pb_line_break_holder] --> css: {<!-- [et_pb_line_break_holder] --> fontSize: 50 + Math.floor(Math.random() * 20) + 'px',<!-- [et_pb_line_break_holder] --> textShadow: '9999px 0 2px #eee'<!-- [et_pb_line_break_holder] --> },<!-- [et_pb_line_break_holder] --> v: 6<!-- [et_pb_line_break_holder] --> },<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> r: 0.2,<!-- [et_pb_line_break_holder] --> css: {<!-- [et_pb_line_break_holder] --> fontSize: 90 + Math.floor(Math.random() * 30) + 'px',<!-- [et_pb_line_break_holder] --> textShadow: '9999px 0 6px #eee'<!-- [et_pb_line_break_holder] --> },<!-- [et_pb_line_break_holder] --> v: 12<!-- [et_pb_line_break_holder] --> },<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> r: 0.1,<!-- [et_pb_line_break_holder] --> css: {<!-- [et_pb_line_break_holder] --> fontSize: 150 + Math.floor(Math.random() * 50) + 'px',<!-- [et_pb_line_break_holder] --> textShadow: '9999px 0 24px #eee'<!-- [et_pb_line_break_holder] --> },<!-- [et_pb_line_break_holder] --> v: 20<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> ];<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> var $nowflake = $('<span class="winternetz">' + snowflakes[Math.floor(Math.random() * snowflakes.length)] + '</span>').css(<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> /*fontFamily: 'Wingdings',*/<!-- [et_pb_line_break_holder] --> color: '#eee',<!-- [et_pb_line_break_holder] --> display: 'block',<!-- [et_pb_line_break_holder] --> position: 'fixed',<!-- [et_pb_line_break_holder] --> background: 'transparent',<!-- [et_pb_line_break_holder] --> width: 'auto',<!-- [et_pb_line_break_holder] --> height: 'auto',<!-- [et_pb_line_break_holder] --> margin: '0',<!-- [et_pb_line_break_holder] --> padding: '0',<!-- [et_pb_line_break_holder] --> textAlign: 'left',<!-- [et_pb_line_break_holder] --> zIndex: 9999<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> );<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> if (textShadowSupport)<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> $nowflake.css('textIndent', '-9999px');<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> var r = Math.random();<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> var i = sizes.length;<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> var v = 0;<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> while (i--)<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> if (r < sizes[i].r)<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> v = sizes[i].v;<!-- [et_pb_line_break_holder] --> $nowflake.css(sizes[i].css);<!-- [et_pb_line_break_holder] --> break;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> var x = (-300 + Math.floor(Math.random() * (ww + 300)));<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> var y = 0;<!-- [et_pb_line_break_holder] --> if (typeof initial == 'undefined' || !initial)<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> y = -300;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> else<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> y = (-300 + Math.floor(Math.random() * (wh + 300)));<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> $nowflake.css(<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> left: x + 'px',<!-- [et_pb_line_break_holder] --> top: y + 'px'<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> );<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> $nowflake.data('x', x);<!-- [et_pb_line_break_holder] --> $nowflake.data('y', y);<!-- [et_pb_line_break_holder] --> $nowflake.data('v', v);<!-- [et_pb_line_break_holder] --> $nowflake.data('half_v', Math.round(v * 0.5));<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> $('body').append($nowflake);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> function move()<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> if (Math.random() > 0.8)<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> xv += -1 + Math.random() * 2;<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> if (Math.abs(xv) > 3)<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> xv = 3 * (xv / Math.abs(xv));<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> // Throttle code<!-- [et_pb_line_break_holder] --> var newTime = new Date().getTime();<!-- [et_pb_line_break_holder] --> var diffTime = newTime - prevTime;<!-- [et_pb_line_break_holder] --> prevTime = newTime;<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> if (diffTime < 55 && flakeCount < absMax)<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> addFlake();<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> else if (diffTime > 150)<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> $('span.winternetz:first').remove();<!-- [et_pb_line_break_holder] --> flakeCount--;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> $('span.winternetz').each(<!-- [et_pb_line_break_holder] --> function ()<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> var x = $(this).data('x');<!-- [et_pb_line_break_holder] --> var y = $(this).data('y');<!-- [et_pb_line_break_holder] --> var v = $(this).data('v');<!-- [et_pb_line_break_holder] --> var half_v = $(this).data('half_v');<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> y += v;<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> x += Math.round(xv * v);<!-- [et_pb_line_break_holder] --> x += -half_v + Math.round(Math.random() * v);<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> // because flakes are rotating, the origin could be +/- the size of the flake offset<!-- [et_pb_line_break_holder] --> if (x > maxw)<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> x = -300;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> else if (x < minw)<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> x = ww;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> if (y > maxh)<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> $(this).remove();<!-- [et_pb_line_break_holder] --> flakeCount--;<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> addFlake();<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> else<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> $(this).data('x', x);<!-- [et_pb_line_break_holder] --> $(this).data('y', y);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> $(this).css(<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> left: x + 'px',<!-- [et_pb_line_break_holder] --> top: y + 'px'<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> );<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> // only spin biggest three flake sizes<!-- [et_pb_line_break_holder] --> if (v >= 6)<!-- [et_pb_line_break_holder] --> {<!-- [et_pb_line_break_holder] --> $(this).animate({rotate: '+=' + half_v + 'deg'}, 0);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> );<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->})(jQuery);<!-- [et_pb_line_break_holder] --></script><!-- [et_pb_line_break_holder] -->

Divi Websites and Facebook Groups

If you are looking for more information on Divi then please check out DiviLibs, containing links to over 70 Divi related websites and over 10 Divi Facebook groups.

More From Our Geek Blog

investimmo

investimmo

Winstar subcontract to help support and maintain an existing website hosted in Belgium investimmo.be adding new functionality and fixing any problems reported. The site is multilingual and also has a French version http://www.investimmo.be/fr/  and an English...

read more

How to wrap text on a button

If the text on a button is not wrapping then the white space is probably incorrect.  Try the following CSS to correct it: input[type="submit"] { white-space: normal; } Other Helpful Information Keep Posted with our Special Offers and Latest Updates Like Us...

read more

How to make divi testimonials all the same height

On the testimonial module goto custom css and in the main element add the following css and do this for all testimonials that should be the same height, or create a class in divi epanal and assing the class to each of the modules. min-height: 300px...

read more

Keep Posted with our Special Offers and Latest Updates

Like Us On Facebook!