Содержимое папки upload из архива, загружаем в корневой каталог форума.
В шаблоне page_container_js_head находим:
И сверху добавляем:
Если хотим более расширенно настроить поведение снега(скорость, цвет, количество и т.д. )
То настраиваем или прямо в snowstorm.js, правим эти настройки:
Или можно добавить настройки в page_container_js_head
сразу после кода:
Добавляем(это пример настроек):
Так же таким способом вы можете подключить оптимизированную версию скрипта, когда вы определитесь со своими настройками:
В шаблоне page_container_js_head сразу переде кодом:
Добавляем:
Так же вы можете предоставить возможность отключить снег, если пользователь этого захочет.
Для этого вам надо создать дополнительное пользовательское поле.
Основная информация
ID поля: disableSnowstorm
Заголовок: Отключение скрипта снега
Описание: Здесь вы можете отключить скрипт снега, если вам это нужно
Настройки полей с вариантами ответа
Основные настройки
Получаем такой чекбокс в настройках:
Теперь в шаблоне page_container_js_head сразу переде кодом:
В зависимости от того, какой вы выбрали скрипт.
Если оптимизированный(snowstorm-min.js)
добавляем:
Если не оптимизированный(snowstorm.js) добавляем:
В шаблоне page_container_js_head находим:
Код:
<!--XenForo_Require:JS-->
Код:
<script src="js/snowstorm/snowstorm.js"></script>
Если хотим более расширенно настроить поведение снега(скорость, цвет, количество и т.д. )
То настраиваем или прямо в snowstorm.js, правим эти настройки:
Код:
// --- common properties ---
this.autoStart = true; // Whether the snow should start automatically or not.
this.excludeMobile = true; // Snow is likely to be bad news for mobile phones' CPUs (and batteries.) Enable at your own risk.
this.flakesMax = 128; // Limit total amount of snow made (falling + sticking)
this.flakesMaxActive = 64; // 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.useGPU = true; // Enable transform-based hardware acceleration, reduce CPU load.
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 = '#fff'; // Don't eat (or use?) yellow snow.
this.snowCharacter = '•'; // • = bullet, · 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 = 8; // Max pixel width reserved for snow element
this.flakeHeight = 8; // 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
сразу после кода:
Код:
<script src="js/snowstorm/snowstorm.js"></script>
Код:
<script>
snowStorm.snowColor = '#99ccff'; // цвет снега
snowStorm.flakesMaxActive = 96; // единовременное количество снежинок на странице
snowStorm.useTwinkleEffect = true; // включение/отключение мерцания снежинок
</script>
В шаблоне page_container_js_head сразу переде кодом:
Код:
<!--XenForo_Require:JS-->
Код:
<script src="js/snowstorm/snowstorm-min.js"></script>
<script>
snowStorm.snowColor = '#99ccff'; // цвет снега
snowStorm.flakesMaxActive = 96; // единовременное количество снежинок на странице
snowStorm.useTwinkleEffect = true; // включение/отключение мерцания снежинок
</script>
Так же вы можете предоставить возможность отключить снег, если пользователь этого захочет.
Для этого вам надо создать дополнительное пользовательское поле.
Которое разместим настройках пользователя.
Основная информация
ID поля: disableSnowstorm
Заголовок: Отключение скрипта снега
Описание: Здесь вы можете отключить скрипт снега, если вам это нужно
Настройки полей с вариантами ответа
Основные настройки
Получаем такой чекбокс в настройках:
Теперь в шаблоне page_container_js_head сразу переде кодом:
Код:
<!--XenForo_Require:JS-->
Если оптимизированный(snowstorm-min.js)
добавляем:
Код:
<xen:if is="!{$visitor.customFields.disableSnowstorm}">
<script src="js/snowstorm/snowstorm-min.js"></script>
</xen:if>
Код:
<xen:if is="!{$visitor.customFields.disableSnowstorm}">
<script src="js/snowstorm/snowstorm.js"></script>
</xen:if>