Скрипт «Падающие снежинки»

Скрипт «Снежинки» для сайта

Украсить свой сайт перед Рождеством и Новым годом очень просто. Установите скрипт и на сайте появятся красивые снежинки.

Как установить снежинки на свой сайт

Если вы не захотите заморачиваться: скачивать файл и загружать его на свой хостинг, можете просто добавить одну строку в шаблон вашего сайта.

Перед закрывающим тегом </body> вставьте код:

<script src="http://www.fortress-design.com/js/snow-fall.js" type="text/javascript"></script>

Но, если вы хотите узнать, как установить скрипт со снежинками на ваш сайт или настроить его (хотя это и не обязательно, но такая возможность есть), то рекомендую продолжить чтение.

Скачать скрипт

После нажатия на одну из кнопок ниже, появится ссылка для скачивания файла.

[sociallocker]Скачать скрипт с падающими снежинками (исправленный и дополненный).[/sociallocker]

Вебмастера украшают сайты

К концу каждого года веб-мастера и владельцы сайтов всячески стараются украсить свои сайты, чтобы они соответствовали новогодней тематике. Создается праздничная обстановка и ощущение чего-то необычного.

Скрипт «Снежинки для сайта»

Главное не перестараться

Эксперты юзабилити, предупреждают, что не стоит забывать, о том, что если кардинально поменять дизайн сайта, в данном случае под новогоднюю тематику, можно потерять клиентов. Об этом свидетельствует статистика.

Дело в том, что пользователям, привыкшим к дизайну вашего сайта, новшества могут просто не понравится или они не захотят тратить свое время на привыкание к новому интерфейсу и поэтому покинут сайт. Таким образом снизится конверсия посетителей в покупателей.

Статья по теме:  Как оформить шапку сайта

Как украсить сайт перед Новым годом

Наиболее простым и безболезненным изменением может быть вариант использования эффекта падающих снежинок.

Я потратил много времени, чтобы найти в интернете готовые скрипты падающих снежинок. Мне все-таки удалось найти скрипт с очень симпатичными. О нем я и хочу вам рассказать.

Первая версия скрипта со снежинками. Эту версию скрипта не скачивайте — она сырая.

Скрипт «Падающие снежинки»

Чем же он отличается от других скриптов, генерирующих снежинки? Дело в том, что падающие снежинки не являются изображениями. Падающие снежинки — это обычные символы шрифта (звездочки «*») . То есть форма снежинок зависит от заданного в настройках шрифта. Вы можете выбрать любой другой стандартный шрифт и тогда снежинки будут другими.

Кроме формы снежинок, можно еще задавать цвет, размер, количество и скорость падения.

Настройки скрипта: цвет, форма, размер и количество снежинок

<code>// Set the number of snowflakes (more than 30 - 40 not recommended)</code>
<code>var snowmax=35</code>

<code>// Set the colors for the snow. Add as many colors as you like</code>
<code>var snowcolor=new Array("#b9dff5","#b9dff5","#b9dff5","#b9dff5","#b9dff5")</code>

<code>// Set the fonts, that create the snowflakes. Add as many fonts as you like</code>
<code>var snowtype=new Array("Times")</code>

<code>// Set the letter that creates your snowflake (recommended: * )</code>
<code>var snowletter="*"</code>

<code>// Set the speed of sinking (recommended values range from 0.3 to 2)</code>
<code>var sinkspeed=0.6</code>

<code>// Set the maximum-size of your snowflakes</code>
<code>var snowmaxsize=35</code>

<code>// Set the minimal-size of your snowflakes</code>
<code>var snowminsize=8</code>

<code>// Set the snowing-zone</code>
<code>// Set 1 for all-over-snowing, set 2 for left-side-snowing</code>
<code>// Set 3 for center-snowing, set 4 for right-side-snowing</code>
<code>var snowingzone=1</code>

Скрипт буржуйский и пожтому комментарии на английском языке. Но программерам английский язык — родной. Надеюсь с этим сложностей не возникнет.

Известные проблемы со скриптом

Оригинальный скрипт не лишен недостатков. Но все они уже успешно устранены.

  1. На широкоформатном мониторе снежинки не заполняли всю доступную область. В ява скрипте я не особо разбираюсь. Поэтому исправить недочет в этом скрипте я попросил своего талантливого друга Дениса Балыкина, известного в сети под ником BaDeVlad. Он быстро разобрался в чужом коде и отредактировал его как надо.
  2. У скрипта был очень серьезный недочет. Скрипт не работал не только в Doctype Strict, но и вообще не поддерживал веб-стандарты. Я перепроповал все доктайпы, — ни один из них не позволял появлению осадков в виде снега. Позже, в комментариях, Алексей Юдин дал рецепт от излечения этого тяжелого недуга. Нужно было указать единицы измерения, в конце некоторых строк добавив +'px';

Как подключить скрипт со снежинками на свой хостинг

  1. Скачайте скрипт и разместите на своем хостинге.
  2. Укажите место, где находится скрипт следующей конструкцией

<code>&lt;script src=»/путь_к_ скрипту _со_ снежинками /snow-fall.js» type=»text/javascript»&gt;&lt;/script&gt;</code>

Например, если вы положите скрипт в папку js, которая находится в корне вашего сайта, тогда подключение скрипта будет таким: добавьте вот эту строку в шаблон сайта, например перед тегом body:

<script src="/js/snow-fall.js" type="text/javascript"</script>

Скачать скрипт

Сколько весит скрипт с бесконечно падающими снежинками? Всего 4,3 килобайта вместе с комментариями :).

Статья по теме:  Декларация !important в CSS

Больше снега!

Есть еще альтернативный вариант падающих снежинок, который реагирует на движение курсора. Он находится по адресу: www.schillmania.com/projects/snowstorm/

Если вы нашли другие хорошие скрипты со снежинками или с новогодней тематикой, можете поделиться ссылкой в комментариях.

***

Чтобы зарядиться хорошим настроеним, можете посмотреть красивую съемку езды на сноуборде по красивому снежному лесу.


Понравилась статья? Поделиться с друзьями:
Комментарии: 144
  1. whitik

    Было бы ещё неплохо описать процесс установки этого скрипта на WordPress.

    1. FORTRESS-DESIGN (автор)

      Он ничем не отличается от обычного подключения ява скрипта.

  2. whitik

    Разобрался: :)

  3. Оксана

    а у меня скрипт в мозилле не работает :(

    1. FORTRESS-DESIGN (автор)

      Оксана, скорее всего браузер тут не причем. Я проверял и Firefox и Google Chrome, Opera и даже в Internet Explorer 6 скрипт работал. Похоже скрипт, кроме Strict, еще не работает в .

      У вас какой доктайп объявлен?

  4. Оксана

    сколько непонятных слов, я вообще не спец, вот сайт stroydveriточкаru.
    в мозиле в углу одна снежинка висит. и все

    1. FORTRESS-DESIGN (автор)

      У вас объявлен
      .

      Похоже, что этот скрипт вообще не поддерживает веб-стандарты :(. У меня когда-то доктайп был объялен так
      . Но это неправильное объявление, это все равно, что ничего не написать. Потому что в атрибутах отсутствует URL на документ.

  5. Юдин Алексей

    Чтобы снег шел :-) нужно заменить:

    snow[i].style.left=(snow[i].posx+lftrght[i]*Math.sin(crds[i]))
    snow[i].style.top=snow[i].posy

    на

    snow[i].style.left=(snow[i].posx+lftrght[i]*Math.sin(crds[i])) + 'px'
    snow[i].style.top=snow[i].posy + 'px'

    И по хорошему строки в коде нужно закрывать символом .

    1. Юдин Алексей

      Закрывать символом ; (точка с запятой).

    2. Юдин Алексей

      И вот что еще, чтобы снежинки были разных размеров.

      Строку
      snow[i].style.fontSize=snow[i].size

      нужно заменить на
      snow[i].style.fontSize=snow[i].size +'px'

      1. FORTRESS-DESIGN (автор)

        Спасибо, Алексей. Действительно заработало. Какой вы молодец! Такой скрипт реанимировали!

  6. Франклин

    Удобный скрипт, но почемут грузит хост сильн..

    1. FORTRESS-DESIGN (автор)

      Да, удобно, что никаких изображений не надо.

      А по поводу нагрузки на хост — это вряд ли. При обращении к сайту, скрипт, как CSS и картинки, кешируются на строне клиента. И после этого обращений к серверу уже не требуется, снежинки генерируются локально на машине пользователя. При этом нагружается процессор и браузер.

      На своей машине никаких тормозов не замечаю. А у вас какой компьютер и браузер?

  7. Оксана

    мда :) исправила как вы сказали, у меня снежинки ни в одном браузере не падают теперь, хотя раньше проблема только с мозиллой была

    1. FORTRESS-DESIGN (автор)

      Оксана, а что вы исправляли?

  8. Оксана

    да все те же строки, только + ‘px’

    1. FORTRESS-DESIGN (автор)

      У меня работает. Только нужно использовать другие кавычки, чтобы не было синтаксической ошибки +'px';. Попробуйте, должно получиться.

      Сейчас я выложу для скачивания исправленный скрипт.

      1. Оксана

        да просто когда на сайте публикуется, то получаются такие кавычки, я конечно все исправляла. Фиг с этим скриптом. Пусть в мозилле не показывается. Надоело.

  9. FORTRESS-DESIGN (автор)

    Оксана, я выложил обновленный скрипт. Попробуйте скачать — все должно работать.

    Очень не хочется, чтобы вы расстраивались. Ведь вы приняли непосредственное участие в тестировании и выявлении ошибок.

    1. Оксана

      что то ссылка нерабочая, 404 страница :)

      1. FORTRESS-DESIGN (автор)

        Может я как раз в тот момент перезаливал файлик?

        Ссылку проверил — ОК. Вот, адрес: http://www.fortress-design.com/download/js/snow-fall.rar

        Ну что? Скачивается?

  10. Оксана

    скачалось, можете заценить. Ничего не работает)))) у меня битрикс. может из за этого? ни в одном браузере не летают. Нафиг эти снежинки, мне они не нужны, ген директору понадобилось сайт украсить.

    1. FORTRESS-DESIGN (автор)

      Поздравляю! Заходил на вас сайт — у вас все работает. Снежинки нежно летят себе :). Проверил в Internet Explorer, Google Chrome и Firefox.

      Кстати, надо заметить, что в Google Chrome цвета выглядят посимпатичнее и браузер не подтормаживает вообще. В Мозилле, при загрузке, странице сначала тормозит, но потом работает нормально.

      1. Оксана

        Ура!!!!!!!!!!!!!!!!!!!!!!!!! Победа. Снежинки работают. Спасибо огромное

        1. FORTRESS-DESIGN (автор)

          Ну, слава Богу — теперь все довольны :)

    2. Оксана

      так, в других заработало, в мозилле нет. может и кэш кстати. щас попробую почистить

  11. Оксана

    *drink*

  12. sFiret

    Спасибо. Отличный скриптик. Отличная работа.

    1. FORTRESS-DESIGN (автор)

      Пожалуйста.

  13. Галина

    Добрый день!
    Помогите, пожалуйста, разобраться со скриптом.
    Я правильно понимаю, что нужно перейти по ссылке, скопировать скрипт и разместить уже у себя на сайте?
    Или нужно что-то менять/настраивать?

    1. FORTRESS-DESIGN (автор)

      Здравствуйте, Галина.

      Совершенно верно, нужно скачать скрипт и разместить у себя на сайте. А потом добавить в шаблон страниц код

      script src="/путь_к_скрипту_со_снежинками/snow-fall.js" type="text/javascript">

      с указанием пути к скрипту со снежинкками.

  14. Галина

    и что значит «подключение скрипта»?

    спасибо заранее.

    1. FORTRESS-DESIGN (автор)

      Подключить скрипт — это значит указать его размещение на сервере, соблюдая определенный синтаксис. В этом посте выше в разделе «Подключение скрипта со снежинками» написано какую строку надо написать.

  15. Галина

    т.е. на гл. странице (index) размещаем скрипт, а на др.страницах script src=»/путь_к_скрипту_со_снежинками/snow-fall.js» type=»text/javascript»>?или на всех страницах, включая index?
    Разъясните на пальцах, что значит «путь_к_скрипту_со_снежинками»?

    1. FORTRESS-DESIGN (автор)

      Создайте в корне своего сайта папку js.
      Скопируйте в нее файл snow-fall.js.
      В шаблоне сайта или на тех страницах где вы хотите показать снежинки напишите такую строчечку:

      <script src="/js/snow-fall.js" type="text/javascript"></script>

      Обычно эта строка пишется в секции <head></head>, но можно в любом месте страницы.

  16. Галина

    спасибо.буду пытаться

    1. FORTRESS-DESIGN (автор)

      Попробуйте сделать так как я вам написал.

  17. Галина

    все получилось, спасибо вам огромное)))

    1. FORTRESS-DESIGN (автор)

      Супер! Молодец, Галина, что не сдались, а преодолели все трудности!

  18. Алла

    спасибо, симпатично :)

    1. FORTRESS-DESIGN (автор)

      Да, снежок хорош :)

  19. Максим

    Вопрос: у меня снежинки в скрипте максимум долетают только до низа первого экрана страницы сайта. И если прокрутил ниже, то уже не летят и новые не генерируются.

    На этой странице все летит до низа. Где нужно донастроить?

    1. FORTRESS-DESIGN (автор)

      К сожалению, затрудняюсь ответить. Надо разбираться со скриптом.

      У меня на странице, если прокрутить страницу вниз, снежинки тоже не будут «резко таять». Видимо скрипт сначала вычисляет размер экрана, а потом сыпет снежинки.

    2. Влад

      marginbottom = 1500 соответственно это размер высоты — чем больше значение, тем ниже они падают.

      Вместо строк

      
      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
      }
      

      Написать следующий код:

      function initsnow() {
      if (ie5 || opera) {
      marginbottom = 1500
      marginright = document.body.clientWidth-15
      }
      else if (ns6) {
      marginbottom = 1500
      marginright = window.innerWidth-15
      }
      

      ___________________________
      58-66 строка

      1. FORTRESS-DESIGN (автор)

        Ясно.

        Мы задаем не фиксированную высоту, а скрипт сам вычисляет высоту видимой части сайта (экрана)

        marginbottom = document.body.scrollHeight

      2. FORTRESS-DESIGN (автор)

        Пробовал, к сожалению, не работает.

        1. Алина

          Было то же самое, пока не исправила 1500, снежинки лихорадочно перемещались по шапке, после 1500 стали падать.

          Спасибо за скрипт, замечательный!

  20. VaypeR

    А в php добавить его можно? если да , то как?

    1. FORTRESS-DESIGN (автор)

      Непонятно, зачем его внедрять в php? В результате ведь все равно будет сгенерирован html-код.

      Java-скрипт можно вставить в заголовок или в любое место тела HTML-документа. В большинстве случаев местоположение скрипта никак не сказывается на рендеринг страницы.

  21. Эльдар

    Всё калассно работает. Спасибо.

  22. Руслан

    Что я могу делать не так?

    есть папка «js» с файлом snow-fall.js
    пишу

    и ничего, а если скрипт вставляю на страничку, то всё работает. почему не подключается :(

    1. FORTRESS-DESIGN (автор)

      Комментарий съел ваш код и я нем могу посмотреть, что вы написали.

      Создайте в корне своего сайта папку js.
      Скопируйте в нее файл snow-fall.js.
      В шаблон сайта или страницу вставьте строку:

      <script src="/js/snow-fall.js" type="text/javascript"></script>

  23. Юрий

    Спасибо, отличный скрипт.
    Но у меня один вопрос — при установке этого скрипта на страницу, где уже установлен скрипт Карусели (вращающиеся картинки) эти картинки исчезают. В чем может быть заковыка? Устанавливал скрипт со снежинками в разные места страницы, смотрел в разных обозревателях — результат один: снег идет, но Карусели не видно.

    1. FORTRESS-DESIGN (автор)

      Не знаю, возможно скрипт со снежинками конфликтует с вашим скриптом. Чтобы найти причину, нужно разбираться, сравнивая каждую строку кода. Для этого надо хорошо разбираться в ява скрипте.

  24. Екатерина

    Подскажите. Можно ли использовать этот скрипт на форуме? Если да, то как. Спасибо.

    1. FORTRESS-DESIGN (автор)

      Его можно везде использовать. Достаточно его подключить как это описано в посте.

  25. Orcinus Orca

    Если честно, то как-то не люблю эти скрипты. Но на сам НГ вполне можно их повеcить, но сразу после НГ их придётся убирать…

    1. FORTRESS-DESIGN (автор)

      Ну, вообще снежинками любят украшать сайты до Нового года, и так они кружаться до самой весны :).

      1. Orcinus Orca

        Кстати, ролик очень красивый. А вот снежинки у некоторых кружатся несколько лет, пока аренда домена не закончится…

        1. FORTRESS-DESIGN (автор)

          :))) Ну, это уж совсем в запущенных случаях.

  26. Екатерина

    fortresseo

    Спасибо!)

  27. Екатерина

    Скажите, а возможен вариант, чтобы вместо снежинок летали сердечки? Очень актуально ко дню Св. Валентина)

    1. FORTRESS-DESIGN (автор)

      Да, Екатерина. Вполне возможно, если вместо символа звездочки поставить символ сердечка. Осталось только узнать, есть ли символ сердечка в обычных шрифтах :).

  28. Кристина

    Спасибо Вам огромное!
    Всё работает — отлично! :)

  29. Кристина

    А скрипта сугроба случайно нет, чтобы вниз страницы поставить?))
    А то что-же это за зима такая, когда снег падает и тает :)

    1. FORTRESS-DESIGN (автор)

      Скрпта сугроба? :) Увы. И анимированного снеговика и Деда мороза на санях, пролетающих над заголовком H1…

  30. Alex

    А как сделать, чтобы снежинки падали не на всю страницу, а только в определенных ячейках таблицы?

    1. FORTRESS-DESIGN (автор)

      Не знаю. Возможно надо создать див и ограничить его содержимое правилом кроп оверфлоу. Но это надо пробовать.

  31. Виталий

    Скрипт поставил симпатичный! У меня ни на Опере, ни на Mozilla Firefox снежинки не падают! Падают только в Internet Explorer! Что сделать, чтобы на любом обозревателе шел снег? Спасибо!

    1. FORTRESS-DESIGN (автор)

      Надо проверить, вроде таких проблем не было.

  32. Надежда

    Спасибо огромное! Вы так понятно все описали, что не только чайники — такие мятые самовары в блоггинге, как я, смогли без проблем установить такой замечательно красивый скрипт!

    Вот еще бы где взять красивый новогодний баннер! Не подскажете, где?

    1. FORTRESS-DESIGN (автор)

      Спасибо, Надежда, за добрые слова. На счет баннера — мне проще, — я дизайнер :)

  33. Ирина

    Вместо звездочки лучше использовать ❅ — снежинка.

    1. FORTRESS-DESIGN (автор)

      Лучше? Чем?

  34. Ирина

    сорри, код не видно, вместо него появилась снежинка.

  35. Ирина

    блин! & # 10053;
    пробелы нужно удалить между символами

  36. Ромарио

    Не работает в браузере гугл хром, в чём заморочка?

    1. FORTRESS-DESIGN (автор)

      Не знаю.

  37. Евгений

    Спасибо. Всё работает, во всех браузерах: опера, FF, IE, хром

    1. FORTRESS-DESIGN (автор)

      Отлично. Хотя некоторые пользователи пишут, что у них не во всех браузерах работает.

  38. Евгений

    Может javascript отключен

    1. FORTRESS-DESIGN (автор)

      Тоже вариант. Но в наше время отключать ява-скрипт, все равно что просматривать сайты с отключенными картинками :)

  39. Влад

    Друзья! Размер можете поменять прописав в скрипте:

    function initsnow() {
    if (ie5 || opera) {
    marginbottom = 1500
    marginright = document.body.clientWidth-15
    }
    else if (ns6) {
    marginbottom = 1500
    marginright = window.innerWidth-15
    }
    ___________________
    ВМЕСТО
    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
    }
    ___________________________
    58-66 строка

    1. Влад

      marginbottom = 1500 соответственно это размер высоты — чем больше значение тем ниже они падают

      1. FORTRESS-DESIGN (автор)

        Спасибо, Влад за ценное дополнение.

        1. Влад

          это настройка высоты, если настроить высоту больше чем сама страница то внизу остается белое пространство….
          вот я дописал скрипт,
          — скрипт находит всю высоту страницы, и подставляет значение- так что снежинки будут падать точно от верху до низу независимо от высоты страницы….
          нужно просто заменить часть скрипта
          эту :
          _______________________________
          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
          }
          _____________________________
          на эту:
          ______________________________
          function initsnow() {

          var ua = navigator.userAgent.toLowerCase();
          var isOpera = (ua.indexOf(‘opera’) > -1);
          var isIE = (!isOpera && ua.indexOf(‘msie’) > -1);

          var WinHeight = Math.max(document.compatMode != ‘CSS1Compat’ ? document.body.scrollHeight : document.documentElement.scrollHeight, getViewportHeight());
          alert(WinHeight);

          function getViewportHeight() {
          return ((document.compatMode || isIE) && !isOpera) ? (document.compatMode == ‘CSS1Compat’) ? document.documentElement.clientHeight : document.body.clientHeight : (document.parentWindow || document.defaultView).innerHeight;
          }

          if (ie5 || opera) {
          marginbottom = WinHeight
          marginright = document.body.clientWidth-15
          }
          else if (ns6) {
          marginbottom = WinHeight
          marginright = window.innerWidth-15
          }
          _________________________

          1. FORTRESS-DESIGN (автор)

            Спасибо, Влад. Я попробую и отпишу. Только сегодня, к сожалению, не смогу.

            1. Влад

              Проверил у меня работает во всех браузерах,
              если что пишите, рад буду помочь…

              1. FORTRESS-DESIGN (автор)

                Спасибо, Влад.

  40. Leventar

    Всё отлично)! Спасибо вам!
    Не подскажете — как преодолеть приоритет flash-баннера перед снежинками?

    1. FORTRESS-DESIGN (автор)

      Уже не помню точно… Там что-то в коде флеш-баннера надо дописать. По моему задать прозрачность.

      1. Leventar

        Ура)))
        решение нашлось:
        код flash-баннера дополняем
        <object …………

        …..
        ………….

        1. Leventar

          для тега param: name=»wmode» value=»transparent»
          для тега embed: wmode=»transparent»

  41. nikki

    Спасибо авторам отличнейшего скрипта! Перерыла пол инета в поисках скрипта падающего снега, чтобы падал только в шапке форума. И вот оно!!!! Всего-то надо изменить значение в marginbottom на какое душе угодно! Сделала 200, как раз падает только в шапке. Снежинки — просто чудо, действительно лучше, чем когда в виде картинок. Еще раз СПАСИБО! С наступающими всех праздниками! :)

    1. FORTRESS-DESIGN (автор)

      Спасибо, nikki. Желаю вам хорошо встретить Новый год! И чтоб в Новогоднюю ночь кружились настоящие снежинки.

  42. Ирина

    ОТЛИЧНЫЙ СКИПТ! Работает без проблем, и настроен на что угодно!
    Респект и уважуха! С Ноступающим 2012!

  43. Олег

    Спасибо .установил -работает!!!!!!!

  44. Дмитрий

    Спасибо! Выручили!

  45. Юрий

    Скрипт что надо! Но у меня после его установки на страничках появляется какая то реклама Интернет хостинг центр с не читабельными ссылками. Как её убрать? из за неё некрасиво тянется копирайт на пол страницы :(

    1. FORTRESS-DESIGN (автор)

      Юрий, ну это же не скрипт генерирует показ рекламы. Как это вообще возможно, чтобы без вашего ведома на вашем сайте показывалась реклама неизвестного происхождения? Я себе такого не представляю. Разве что, к сайту имеет доступ другое лицо :)

  46. Юрий

    Возможно, т.к. доступ должен быть у админов компании по раскрутке, но для чего им это делать еще не выяснил, вчера до поздней ночи сидел разбирался, оказалось что реклама вылезла в футере, т.е. в копирайте который работает как модуль от движка сайта. Так как доступа к движку сайта нет и звонить разбираться было поздно, я убрал модули с каждой страницы и прописал эту часть вручную. Сейчас все замечательно! Хоть реклама появилась в тот момент и в том месте когда я ставил снежинки, наверное это совпадение, а администраторов с понедельника ждет разбор полетов! Большое вам спасибо за скрипт :)

  47. анонимно

    НЕ работает

  48. Юрий

    Все должно работать! Проверьте, правильно ли вы прописали путь к скрипту. У нас все работает.

  49. Гость

    А в оффлайне должно работать? А то все делаю верно, как в инструкции, создаю папку, в разделе head — ссылку на файл, а результат — 0 ((((. Сайт простенький, делал его в Microsoft Front Page, может это тому виной (((.

    1. FORTRESS-DESIGN (автор)

      Конечно, скрипт со снежинками должен работать не зависимо от того, где находятся файлы: на хостинге или локально.

    2. FORTRESS-DESIGN (автор)

      Попробуйте сохранить страницу любого другого сайта и подключить к ней скрипт со снежинками. Если скрипт будет работать, значит проблема с вашим сайтом.

  50. Александра и Павел

    Наш вопрос, возможно не совсем в тему… Подскажите, пожалуйста, откуда ролик про велосипедиста?:) красивый, качественный. А мы великами увлекаемся и видео подобные любим )
    Благодарим заранее.

    С наступающим Новым годом! :)

    1. FORTRESS-DESIGN (автор)

      Я уже не помню, адрес того сайта. Там много всего. Но могу порекомендовать поискать на Vimeo. Там гораздо больше, чем на том сайте где я брал. И только хорошего качества.

      С наступающим, 2012 годом!

  51. Курткин

    Здравствуйте!
    А снежинки возможно заменить на падающие листочки?
    Насколько сложно самому это сделать?
    Буду рад получить рекомендации.
    Заранее спасибо!

    1. FORTRESS-DESIGN (автор)

      Снежинки — это просто символ звездочки в используемом шрифте. Если подключить другой шрфит, в котором содержатся листочки, то возможно вместо падающих снежинок будут падающие листочки.

  52. Юдин Алексей

    Технически снежинку в рамках данного кода можно заменить на рисунок. Допускаю два варианта:
    1. CSS — вместо символа — слой с нужной размерность и бэкграундом;
    2. тег IMG с URL на рисунок.

    Человекам интересно и если будет время, обязательно перепишу скрипт.

    1. FORTRESS-DESIGN (автор)

      Ну хорошо, попробуйте. Алексей, тогда ждем ваш вариант :)

      1. Vika

        Куда же Алексей пропал? Ждем вариант скрипта с картинкой

  53. Аида

    Почему в режиме просмотра через браузер снежинки появляются, а после загрузки на хостинг их нет?

    Спасибо,
    Аида

    1. FORTRESS-DESIGN (автор)

      Аида, вы скопировали скрипт на хостинг, но на на вашем сайте снежинки не падают?

  54. Сергей

    А как сделать чтобы снежинки падали на всю страницу а не на 150px?

    1. Ruslan

      Скрипт должен быть помещен в тело тега боди, может вы поместили его в блок с заданой шириной

  55. Александр

    Здравствуйте.

    Поясните, пожалуйста, пункт два, в разделе «Как подключить скрипт со снежинками» — «Укажите место, где находится скрипт следующей конструкцией» и далее пример: «».
    Где именно написать эту конструкцию. Если это важно, пользуюсь UMI.CMS

    Спасибо.

    1. FORTRESS-DESIGN (автор)

      Александр, где прописывать эту строку решать вам. Если вы хотите, чтобы снежинки падали на всем сайте, значит надо это прописать в общем шаблоне сайта. Если только на одной странице, как у меня сейчас в блоге— то соответственно в шаблоне страницы. Просто нужно залить на сервер данный скрипт и написать путь к него, как показано в инструкции.

    2. Сергей

      Пишешь в head

  56. Максим

    Огромное спасибо за script!! Но с ним, у меня перестал отображаться онлайн-консультант во всех браузерах кроме Opera. Как это можно исправить ?

    1. FORTRESS-DESIGN (автор)

      В этом может разобраться программист, специализирующийся на ява скрипте. Видимо два скрипта конфликтуют между собой. Такое часто всречается. Ставишь один скрипт, перестает работать другой.

  57. Олег

    Большое спасибо за красивый скрипт.

    1. FORTRESS-DESIGN (автор)

      Пожалуйста. Пускай украшает ваш сайт в новогодние праздники. Кстати, как он установился — все прошло без проблем?

      1. Олег

        Я ещё не ставил на свой сайт, сегодня поставлю, а сайт однозначно в закладки.

  58. Makiavelli

    А Яндекс за это не забанит?

    1. FORTRESS-DESIGN (автор)

      За что?

      1. Makiavelli

        За скрипт. На каком-то сайте читал, что яндекс не особо любит такие штуки.

        1. FORTRESS-DESIGN (автор)

          Скрипт скрипту рознь. Наверно вы не совсем правильно поняли суть. Яндекс может наказывать за обман поисковой системы. А мы просто украшаем сайт снежинками. Это мы делаем для людей. Потому как боты все равно не смогут оценить всю прелесть падающих снежинок. А все что делается для людей — Яндекс высоко ценит.

  59. Наталья

    Большое человеческое спасибо!!!! Наконец-то нашла, как простым способом и без лишнего геморроя с установкой реализовать именно то, что было нужно. Всех с наступающим! :)))

    1. FORTRESS-DESIGN (автор)

      Спасибо, Наталья. И вас с наступающим. Пускай эти снежинки радуют глаз :)

  60. Bella

    Спасибо большое! Всё легко и красиво! Ну просто супер!!!

  61. meleniesi

    Снег на сайт и еще много скриптов для украшения сайтов есть на бесплатном сервисе http://www.darii.ru

  62. Катя

    А если нужно украсить форум? Куда заливать файл?

    1. FORTRESS-DESIGN (автор)

      Файл нужно залить на хостинг. В любую папку. Просто потом, при подключении скрипта указать путь к нему. Понимаете?

  63. Konstantin

    Спасибо! С наступающим всех Вас! :)

  64. Руслан

    я закачал ваш скрипт в папку с темой в папку js, подскажите пожалуйста куда вписывать код

    1. FORTRESS-DESIGN (автор)

      Руслан, прочтите, пожалуйста — выше в посте написано «Как подключить скрипт со снежинками».

  65. Дмитрий

    Подскажите пожалуйста, как задать падающим снежинкам конечную высоту падения? Т.е. чтобы снежинки падали строго до определенного места на страничке, скажем top: 400px.

    1. Дмитрий

      Разобрался, переменной marginbottom задаем нужное значение, и снежинки будут заканчивать падать там, где нам надо.

  66. Валерий

    Устанавливаю скрипт снежинок, перестает работать таймер на сайте. Как можно исправить проблему?

  67. fortress-design

    У вас оба скрипта конфликтуют. Либо искать причину в коде или один из них отключать.

  68. Павел

    Конфликтует с таблицами

    1. FORTRESS-DESIGN (автор)

      Покажите, пожалуйста, на скрине, что происходит.

Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: