Jump to content

  • You cannot start a new topic
  • You cannot reply to this topic

FREE ADDON: Let It Snow (in the background) Rate Topic   - - - - -

 
  • dvsgr
  • Senior Member
  • Authorized Reseller
  • Join Date: 14-Apr 09
  • 1448 posts

Posted 14 November 2012 - 10:08 PM #1

Hi again fellows

a small free addon to get as in the mood. Let it snow, in the background.

Simple and discreet. Just install and thats all. You can if you want, to control the amount of flakes and the speed in lines 13 & 14 in the addons/let_it_snow/hooks/index/scripts.post.tpl (for ver 2.2.x)

If you have problems with the script (any conflicts with other jquery) then just delete the following first lines of the script.(for ver 2.2.x)

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>

Attached File  letitnsow.jpg   93.85KB   511 downloads


Attached File  dsnow3.jpg   73.31KB   477 downloads



Its 2.2.x and 3.0.x compatible. v 2.2.x shoud also work for older versions. Try it out and let me know.


Who says it's too early for Christmas? It's never too early to make merry and spread peace and goodwill toward your fellow man! Merry Early Christmas!

Attached File  let_it_snow.zip   3.61KB   62 downloads

Attached File  let_it_snow_v3.zip   7.75KB   112 downloads

Fotis


PS

Snow will eat up a lot of CPU, even on modern computers, because of the number of elements being moved around the screen at once

By default, mobile phones are excluded from the snow effect to be nice to their CPUs (and batteries), but you can set (in v3 addon ) snowStorm.excludeMobile = false; to enable Snowstorm on devices like the iPhone,

-------------------------------------------------


New Version for 2.2.x - 13/12/2012

Attached File  let-it-snow-2-new.zip   7.75KB   31 downloads

Its using the same script as the V3

Try it out if you have any jquery problems


---------------------------------------------------

New Version for 4.0..x - 6/12/20123

Attached File  Let it snow 4.zip   7.5KB   32 downloads


Attached File  snow_v4.png   251.28KB   60 downloads
_________________________________
Fotis Kourmadas
Cs-Cart Development - Cs-Cart Authorized Reseller 

 
  • Gizmo
  • Junior Member
  • Members
  • Join Date: 05-Jan 09
  • 142 posts

Posted 15 November 2012 - 08:28 AM #2

V3 at all?
[center]www.vapeking.co.za[/center]

 
  • dvsgr
  • Senior Member
  • Authorized Reseller
  • Join Date: 14-Apr 09
  • 1448 posts

Posted 15 November 2012 - 09:22 AM #3

V3 at all?


Hi look at the original post

Fotis
Fotis Kourmadas
Cs-Cart Development - Cs-Cart Authorized Reseller 

 
  • Flow
  • Super Duper and Amazingly Sexy Senior
  • Members
  • Join Date: 13-Oct 10
  • 2306 posts

Posted 15 November 2012 - 09:58 AM #4

Haha, this will look nice @ christmas. Thanks for sharing :)

When life hands you lemons, bring on the Tequila baby!


 
  • MichielTG
  • Advanced Member
  • Members
  • Join Date: 17-Aug 12
  • 65 posts

Posted 24 November 2012 - 10:14 PM #5

Thanks for the cool post damn I have a white background :(

 
  • parodius420
  • Senior Member
  • Members
  • Join Date: 03-Dec 11
  • 611 posts

Posted 26 November 2012 - 09:18 AM #6

have a live demo?

 
  • Gizmo
  • Junior Member
  • Members
  • Join Date: 05-Jan 09
  • 142 posts

Posted 29 November 2012 - 06:32 AM #7

Love this addon thanks so much.

You can check the demo on my website http://www.ikonicit.co.za/
[center]www.vapeking.co.za[/center]

 
  • Hungryweb
  • Senior Member
  • Authorized Reseller
  • Join Date: 10-Feb 12
  • 1249 posts

Posted 29 November 2012 - 07:24 AM #8

Let it Snow!


 
  • ghostrider
  • Junior Member
  • Members
  • Join Date: 05-Jan 11
  • 177 posts

Posted 03 December 2012 - 07:15 AM #9

looks very christmasy! Thanx!

 
  • dvsgr
  • Senior Member
  • Authorized Reseller
  • Join Date: 14-Apr 09
  • 1448 posts

Posted 03 December 2012 - 07:18 AM #10

Hi

hope you will enjoy it!

Had anybody had any problems with it so far?

Fotis
Fotis Kourmadas
Cs-Cart Development - Cs-Cart Authorized Reseller 

 
  • johnbol1
  • Never Re
  • Members
  • Join Date: 23-Feb 10
  • 4656 posts

Posted 03 December 2012 - 09:05 AM #11

Is great but it would stand out on my background a bit more ( I have lots of yellow) if I could make the flakes a little bigger, is this possible Fotis.

John

Custom printed hi visibility clothing sale the UK's online hivis safety shop
v4.5.2


 
  • dvsgr
  • Senior Member
  • Authorized Reseller
  • Join Date: 14-Apr 09
  • 1448 posts

Posted 03 December 2012 - 11:53 AM #12

Hi John

I will have to look if this is possible..

Fotis
Fotis Kourmadas
Cs-Cart Development - Cs-Cart Authorized Reseller 

 
  • mrfoameruk
  • Senior Member
  • Members
  • Join Date: 03-Dec 09
  • 302 posts

Posted 03 December 2012 - 12:56 PM #13

Demo here on my site I messing about with till after xmas.
Trouble is I have a white background (i need to learn how to change that)..
http://ukbeading.co.uk/index.php
http://UKBeading.co.uk.....one day I will get round to it and stop playing......

cs cart 4.1.4

 
  • dvsgr
  • Senior Member
  • Authorized Reseller
  • Join Date: 14-Apr 09
  • 1448 posts

Posted 03 December 2012 - 01:45 PM #14

Hi

You need to change in skins/basic/customer
  • the images in background at .main and .header in styles.css
  • the background-color at body in styles.css
If you dont know your way around basic css editing better dont try this, or keep a backup of these files.

Also go to the post for product labels and download the fix, as the soldout label is at the left corner of your site and not the product!

Fotis
Fotis Kourmadas
Cs-Cart Development - Cs-Cart Authorized Reseller 

 
  • dvsgr
  • Senior Member
  • Authorized Reseller
  • Join Date: 14-Apr 09
  • 1448 posts

Posted 03 December 2012 - 01:58 PM #15

John

Try in v3.0.x to open the file snow.js in /addons/let_it_snow/js

You can tweek this values

// --- common properties ---
  this.autoStart = true; // Whether the snow should start automatically or not.
  this.flakesMax = 250; // Limit total amount of snow made (falling + sticking)
  this.flakesMaxActive = 104; // Limit amount of snow falling at once (less = lower CPU use)
  this.animationInterval = 33; // Theoretical "miliseconds per frame" measurement. 20 = fast + smooth, but high CPU use. 50 = more conservative, but slower
  this.excludeMobile = true; // Snow is likely to be bad news for mobile phones' CPUs (and batteries.) By default, be nice.
  this.flakeBottom = null; // Integer for Y axis snow limit, 0 or null for "full-screen" snow effect
  this.followMouse = true; // Snow movement can respond to the user's mouse
  this.snowColor = '#efefef'; // Don't eat (or use?) yellow snow.
  this.snowCharacter = '&bull;'; // &bull; = bullet, &middot; is square on some systems etc.
  this.snowStick = true; // Whether or not snow should "stick" at the bottom. When off, will never collect.
  this.targetElement = null; // element which snow will be appended to (null = document.body) - can be an element ID eg. 'myDiv', or a DOM node reference
  this.useMeltEffect = true; // When recycling fallen snow (or rarely, when falling), have it "melt" and fade out if browser supports it
  this.useTwinkleEffect = false; // Allow snow to randomly "flicker" in and out of view while falling
  this.usePositionFixed = false; // true = snow does not shift vertically when scrolling. May increase CPU load, disabled by default - if enabled, used only where supported
  // --- less-used bits ---
  this.freezeOnBlur = true; // Only snow when the window is in focus (foreground.) Saves CPU.
  this.flakeLeftOffset = 0; // Left margin/gutter space on edge of container (eg. browser window.) Bump up these values if seeing horizontal scrollbars.
  this.flakeRightOffset = 0; // Right margin/gutter space on edge of container
  this.flakeWidth = 26; // Max pixel width reserved for snow element
  this.flakeHeight = 26; // Max pixel height reserved for snow element
  this.vMaxX = 5; // Maximum X velocity range for snow
  this.vMaxY = 4; // Maximum Y velocity range for snow
  this.zIndex = 0; // CSS stacking order applied to each snowflake
  // --- End of user section ---

this.flakeWidth and this.flakeHeight is the values you are looking
Fotis Kourmadas
Cs-Cart Development - Cs-Cart Authorized Reseller 

 
  • johnbol1
  • Never Re
  • Members
  • Join Date: 23-Feb 10
  • 4656 posts

Posted 03 December 2012 - 04:21 PM #16

great stuff, works a treat @ 14

John

Custom printed hi visibility clothing sale the UK's online hivis safety shop
v4.5.2


 
  • BaDTaG
  • Senior Member
  • Members
  • Join Date: 01-Jul 11
  • 188 posts

Posted 04 December 2012 - 08:08 PM #17

nice work m8 :D
VPS Hosting whit easy VPS control panel no technical skills required.
EDB Eksperten din online it forhandler

 
  • dvsgr
  • Senior Member
  • Authorized Reseller
  • Join Date: 14-Apr 09
  • 1448 posts

Posted 04 December 2012 - 08:36 PM #18

Thanks!
Fotis Kourmadas
Cs-Cart Development - Cs-Cart Authorized Reseller 

 
  • Chef_Joe
  • Senior Member
  • Members
  • Join Date: 13-Jun 10
  • 178 posts

Posted 11 December 2012 - 11:27 PM #19

I love this addon, but it prevents my Sign In dropdown box from working. Any fixes?

 
  • dvsgr
  • Senior Member
  • Authorized Reseller
  • Join Date: 14-Apr 09
  • 1448 posts

Posted 11 December 2012 - 11:29 PM #20

Hi

what version are you using?

Fotis
Fotis Kourmadas
Cs-Cart Development - Cs-Cart Authorized Reseller