Подготовка сайта к Новому Году (да да, речь о падающем снеге)

Плюсануть
Поделиться
Класснуть

О Боже, это такой бред. Всегда считал, что ставить падающий снег на сайте – это привет 2000-ые. Каждый раз заходя на сайты с подобными свистоперделками браузер фризился, компьютер яро крутил куллером, а я проклинал школьника, поставившего это на свой сайт.

Но сейчас случайно нашёл скрипт, не вешающий систему. Почему бы и не поставить. Подготовил блог и другие сайты к Новому Году, так сказать.

Как добавить падающий снег на сайт

Установка подразумевает заливку js-файла на сайт и установку, что можно сделать буквально за 5 минут. Для начала скачиваем скрипт:

Скачать скрипт падающего снега

На открывшейся странице нам нужен файл snowstorm-min.js. Это уже сжатый скрипт, размером 10Кб. Заливаем этот файл к себе на сайт, затем прописываем следующий код:

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

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

<script src="http://cdn.sk8er.name/js/snowstorm-min.js" type="text/javascript"></script>

В инструкции говорится, что строчку выше необходимо вставлять в секцию <head>, что не слишком верное и оптимизированное решение. Добавил в футер сайта – работает.

У скрипта есть настройки, почитать о них можно вот тут.

Новогодний бонус!

Какой-же Новый Год без салата Оливье, верно? Я тоже так решил, поэтому добавил соответствующий фон на блог. Вы тоже можете это сделать. Для этого сохраните вот эту картинку:

Подготовка сайта к Новому Году

Затем пропишите её фоновым изображением на своём сайте. У меня это делается через css, через свойство body:

background-image: url(/bg.jpg);
background-attachment: fixed;

Картинка безшовная, отлично смотрится на любом сайте.

Подготовка сайта к Новому Году

А вы готовите сайты к Новому Году? Ставите снег, гирлянды? Делитесь в комментарии!

(Visited 519 times, 1 visits today)
Последнее изменение записи: 02.10.2016 | Рубрика: Работа | Метки: , ,
Плюсануть
Поделиться
Класснуть