Скрипт красивого падающего снега для сайта (HTML код + javascript)

Пост опубликован в категории Другое 3 комментария

Падающий красивый снег для сайта (HTML код)

Всем привет!

Близится новый год, посему ежели вы желаете украсить свой сайт красивым падающим снежком (или лендинг — какая разница?) — делайте все по инструкции и он у вас появится.

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

В паблике подобных скриптов масса, но у большинства есть один большой недостаток. Это то, что снег отвлекает человека от контента сайта.

То снежинки слишком большие и закрывают буквы.

То их слишком много и начинает рябить в глазах. Проблем, в общем, много.

Этот скрипт снега, на мой взгляд, идеальный

Причем, устанавливается он за 1-2 минуты. И снежинки будут немного наклоняться в зависимости от того, куда вы будете двигать на экране мышкой, создавая эффект ветра.

Распишу подробно, чтобы было понятно даже тем, кто не особо силен в HTML кодах и с программированием на «вы».

Для того, чтобы «вызвать снег» на вашем сайте, нужно сделать 2 основные штуки.

  • Вставить на те страницы сайта в HTML код строчку, которая будет обращаться к javascript файлу.
  • Закачать на ваш хостинг сам javascript файл, который и генерирует вам снежинки.

Для того, чтобы снег показывался на всем сайте — пихайте строчку вызова скрипта в footer.php (туда, где у вас счетчики Метрики и Аналитика)

Итак, пошаговая инструкция по установке:

Первым делом берем и копируем вот эту строчку:

<script type="text/javascript" src="/snowstorm-min.js"></script>

Добавляем ее в файл footer.php (если у вас сайт на wordpress) или в аналогичный файл вывода футера, если у вас другой движок.

Это и есть строчка вызова скрипта.

Но чтобы его вызвать, нужно его закачать на ваш сайт.

Для этого заходим на ваш хостинг, открываем корневую папку вашего сайта (ту, где находится файл robots.txt) и закачиваем туда вот этот файлик: https://yadi.sk/d/H3za7U5EzNm3y

Я выложил его на Я.Диск, чтобы было удобнее скачивать.

Если вы будете закачивать его в другую папку (например wp-content) — поменяйте вот этот путь в коде вызова: src="/snowstorm-min.js" на новый, добавив вашу папку:  src="wp-content/snowstorm-min.js"

Думаю, разберетесь.

Если что — вопросы в комментарии.

Твит дня: «По статистике, вегетарианцы живут дольше. Вот вы сейчас смеётесь над вегетарианцем, а потом он придет на вашу могилу и съест все цветы.»

 

Спасибо за ретвит!
Автор: Sickboy

Подписаться на обновления блога:

Обсуждение:

  1. Анна:

    Ой, спасибо!!!! ))) Как раз то, что было нужно! :*)

  2. Александр:

    Скажите пожалуйста, с opencart аналогично?
    У меня не выходит. Opencart ver.2
    Нахожу файл catalog/controller/common/footer.php прописываю в нем в конце:
    Закачиваю в корень сайта snowstorm-min.js, обновляю кеш модификаторов и сайт перестает работать (ошибка 500).
    Помогите пожалуйста.

  3. Sickboy:

    хм… я не программист, поэтому этот вопрос скорее не ко мне)

Оставить комментарий

*** Правила комментирования блога ***