Падающий снег на страницах форума

Падающий снег на страницах форума 2013-11-23

Нет прав для скачивания
Содержимое папки upload из архива, загружаем в корневой каталог форума.

В шаблоне 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 = '&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 = 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
Или можно добавить настройки в page_container_js_head
сразу после кода:
Код:
<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>



Так же вы можете предоставить возможность отключить снег, если пользователь этого захочет.
Для этого вам надо создать дополнительное пользовательское поле.
/admin.php?user-fields/add
Которое разместим настройках пользователя.

Основная информация
ID поля: disableSnowstorm
Заголовок: Отключение скрипта снега
Описание: Здесь вы можете отключить скрипт снега, если вам это нужно
snowstorm.png


Настройки полей с вариантами ответа
snowstorm1.png
Основные настройки
snowstorm2.png

Получаем такой чекбокс в настройках:
snowstorm_off.png

Теперь в шаблоне 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>
Если не оптимизированный(snowstorm.js) добавляем:
Код:
<xen:if is="!{$visitor.customFields.disableSnowstorm}">
    <script src="js/snowstorm/snowstorm.js"></script>
</xen:if>
Автор
Mirovinger
Скачивания
49
Просмотры
1,648
Первый выпуск
Обновление
Оценка
5.00 звёзд 1 оценок

Другие ресурсы пользователя Mirovinger

Поделиться ресурсом

Последние отзывы

Отличный плагин, всё быстро делается, и красиво сделано!
Назад
Сверху Снизу