Хорошего настроения, всем читателям — Sozdaiblog.ru!
В связи с неизбежным наступлением зимы и последующей чередой новогодних праздников у многих из Вас возникнет желание приукрасить свои Веб-сайты.
Чтобы Вам в этом помочь, я решил поделиться замечательным скриптом работающим на JQuery , который создаёт эффект падающего снега на сайте.
На сегодняшний день в Интернете существует огромное количество готовых решений для воспроизведения снегопада. Единственная проблема в том, что половина из них написано криво или требует использования плагина.
По многочисленным просьбам читателей, которые были отправлены через форму обратной связи , было найдено великолепное решение.
Снег на сайте падает без глюков и тормозов, не мешает чтению контента, так как выводится только на статических страницах. Пример на обложке блога.
Снег на сайте с JQuery.
Чтобы устроить снегопад на сайте, Вам потребуется нажать на снежинку и скачать необходимые файлы.
Затем, нужно распаковать архив и загрузить содержимое в корневую папку Вашего ресурса. У многих, это папка Public_html .
Теперь, открываем папку с активной темой оформления WordPress и находим файл header.php .
Открываем его на редактирование и до закрывающего тега </ head> вставляем следующие скрипты:
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script><script type="text/javascript" src="jquery.snow.js"></script>
Далее, находим тег <body> и после него вставляем скрипт снега:
<script>
$(document).ready( function(){
$.fn.snow();
});
</script>
Не забываем сохраняться и чистить кэш браузера.
Все манипуляции советую делать с помощью Notepad++ и FTP-клиента .
В принципе, больше делать ничего не нужно снег нормального белого цвета и его скорость падения оптимальна.
Конечно, если Вы любите поэкспериментировать или у Вас полностью белый сайт на фоне, которого сливаются все снежинки, то откройте файл — jquery.snow.js и поменяйте соответствующие значения:
На сегодня это всё. В ближайших статьях мы продолжим украшение наших виртуальных офисов. Чтобы их не пропустить, подписывайтесь на обновления блога и получайте уведомления о выходе нового материала на свой адрес электронной почты.
Скажите, понравился ли Вам эффект снега на сайте?
Друзья, чуть не забыл. Примерно неделю назад у меня брал интервью один из наших общих коллег по блоггингу — Александр Красильный. Прочитать наш диалог можно тут .
До следующих статей…
С уважением, Денис Черников!
- Диверсификация доходов это простыми словами
-
Как выбрать и настроить плагин для создания форума на сайте WordPress
- Выручка это простыми
-
Страница ошибки 404 (Error 404)!
- Виджет это простыми словами
- Банить что это значит в интернете простыми словами
-
Основные принципы и преимущества адаптивного дизайна
- Инжиниринг это простыми
- Pr что это такое простыми словами
- Дилер это простыми
Здравствуйте Денис. Украсить блог к Новому Году — это обязательная процедура почти для любого блоггера.
Я вот тоже занялся украшениями и слегка переделал шапку, фон и кнопку «вверх». Вышло даже ничего так…
Вот задумываюсь по поводу снега. Когда-то использовал плагин на старом сайте, но он меня особо не впечатлил. А Ваш вариант со снегом при помощи jquery выглядит заманчивым!
Кстати, друзья, почитайте обязательно интервью, оно вышло очень интересным и занимательным! =)
И на последок… Денис в последнее время Ваш блог иногда прилично подтормаживает при загрузке. Такое ощущение, что Вас пытается кто-то «досить»…
Здравствуйте, Александр! Скажите, а не выдаёт ли система каких-либо кусков кода при обращении к моему сайту? Может повлияло размещение слайдера. Вы давно заметили тормоза? А снег прикольный!))
Доброе утро! Кусков кода вроде как не замечал. Тормоза заметил кстати после установки слайдера…
Что касается снега. Все таки я решился поставить у себя Ваш вариант снегопада, но столкнулся с одной проблемой. Ранее была установлена кнопка «вверх» используя так же Ваш вариант с jquery. Так вот после установки снегопада, у меня пропадает кнопка «вверх».Методом «тыка» выяснил, что, скорее всего сбой дает первая часть скрипта, которая пишется до закрывающегося тега /head.
Помогите в решении данной проблемы, а то снегоуборочная машина стоит без дела. =)
Доброе, Александр! Возможно тормоза не от доса, а от прироста трафика и слайдера. Видимо нужно тарифный план на хосте менять или на VPS переходить!На счёт снега, у меня кстати стрелочка на месте, попробуй первый скрипт удалить. Он отвечает за подключение библиотеки квери. Если она уже подключена, возможно конфликтует! Или попробуйте в разные папки распихать файлы.
Я бы снежок сделал только 31 декабря и 1 января
Смысл? В это время все пьяные будут и в Интернете Вы никого не увидите!))
Ага, зайдут увидят все летает и подумают, во перепил то
Да все сами будут летать!)
Библиотеки JQuery могут быть уже включены, если да, то в первом коде можно только сам скрипт «снег» включить и всё. Себе прикрутил снежок, прикольно.Спасибо Денис.
Отлично, Сергей! Там второй нужно оставить, который в хэдере, а первый можно удалить. Я его специально добавил, чтобы люди с не подключенной библиотекой не говорили, что скрипт плохой!
Снег!!! Только и видишь его на сайтах, когда же у нас в городе снег выпадет??? Буду к вам, Денис, за снегом ходить…
Приходите Светлана, в снежки поиграем или снегурку вылепим!))
Денис, ваш блог просто находка. Уже многому научилась по вашим статьям.Спасибо огромное.
Пожалуйста, Надежда! Стараюсь, как могу! Чем больше будет таких отзывов, тем сильнее будут старания! Зовите всех кого найдёте!))))
Думаю воспользуюсь. Только в декабре, сейчас думаю рановато еще) Хотя блог уже украсил)
Конечно, пользуйтесь! Мне кажется, что уже в самый раз!
Ну хорошо уговорили) Завтра установлю. Кстати забегайте ко мне на блог. Помню как то один раз заходили.
Спасибо, за приглашение. Как нибудь загляну!
Денис, у меня та же проблема, что и с кнопкой «наверх». При установке снежинок на главной странице перестает работать слайдер и анонсы первых 3-х статей налезают друг на друга. Снежинки тоже не появились.
После удаления первого скрипта на сайте все восстановилось, наверное, с ним что-то конфликтует.
Удалила все, снежинок, все равно, нет ((.
Со снежинками, тоже самое. Я не вижу, что и куда Вы устанавливаете. У всех работает.
Хорошая статья, перед Новым Годом обязательно воспользуюсь, спасибо!
Рад что понравилось! Поторопитесь, он уже близко!
Как раз снега у меня не хватала, займусь ка я этим завтра впервые на блоге, блог качественный
Спасибо, за положительный отзыв! Без снега зимы не бывает!
Денис спосибо большое! Установил снег на одном из своих блогов!!вроде пока работает на ура!Очень интересная штучка декарация сайту).
После установки снега перестал работать плагин лайт бокс и пропала стрелка вверх. Подскажите что может быть. Зарание спасибо!
Возможно одинаковые селекторы или определённые переменные, которые перебивают работу друг друга или Вы что-то не то сделали!
Спасибо большое за этот замечательный скрипт! Я долго искал решение для создания эффекта падающего снега на своем сайте, но большинство из них оказались неудачными. Очень рад, что Вы поделились этим замечательным решением, которое работает без глюков и тормозов и не мешает чтению контента. Снегопад на статических страницах выглядит очень красиво и создает праздничную атмосферу. Спасибо еще раз и желаю всем читателям нашего блога хорошего настроения в преддверии новогодних праздников!
Вам потребуется некоторые базовые знания HTML и CSS для того, чтобы добавить эффект падающего снега на свой сайт. Но не волнуйтесь, инструкция в архиве очень подробная и понятная.
После загрузки файлов на ваш сайт, вам нужно будет добавить несколько строк кода в файл HTML вашей страницы. Используя тег