Новогоднее украшение блога — снеговик и сугробы внизу экрана

Вот уже наступил декабрь. Очень скоро самый любимый праздник большинства Новый год. Страна наряжается. Повсюду устанавливаются ёлки, развешиваются праздничные гирлянды. В воздухе витает предвкушение скорого торжества. Также можно украсить сайт к Новому году, чтобы создать у своих посетителей ощущение праздника. Сегодня мы добавим на сайт сугробы и симпатичного снеговичка.

Код обновлен 11.01.2024.

Про украшение сайта новогодней гирляндой я уже писал в этом блоге. Гирлянда выглядит очень симпатично и мелодично звучит при наведении курсора мышки на шары. К исходному варианту были добавлены синие шары. В моём варианте гирлянды присутствуют три цвета шаров: белый, красный и синий. И самое главное, эта гирлянда не мешает просматривать ваш сайт, создавая праздничное настроение.
На этот раз мы добавим в нижнюю часть сайта снеговика и снежные сугробы. Если к этому ещё добавить падающий снег, то получится логичная картинка.

Как украсить сайт к новому году

Чтобы сделать задуманное, сначала скачайте две картинки снега и снеговика. Эти картинки нужно положить в папку images вашего шаблона.
Далее в файл шаблона footer.php перед тегом </body> вставляем следующий код:

<span class="snowman"></span>
<span class="snow-layer"></span>

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

.snowman {
background: transparent url('images/snowman.png') no-repeat scroll right top / 80px auto;
bottom: 0;
display: block;
height: 110px;
position: fixed;
right: 2%;
width: 100px;
z-index:999;
}
.snow-layer {
background: transparent url("images/snow-layer.png") repeat-x scroll center top / auto 80px;
bottom: 0;
display: block;
height: 43px;
position: fixed;
width: 100%;
z-index: 900;
}

Вот в принципе и всё. Вы смогли украсить сайт к Новому году. Счастья и удачи вам в Новом году!

Очередной шедевр от Enjoykin чисто отдохнуть.