Главная / Информация / Статьи / Новогодние украшения для сайта

Новогодние украшения для сайта

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

1. Новогоднее украшение от Яндекса

Новогоднее украшение от Яндекса

Несколько лет назад на входе в почту Яндекса появилось новогоднее украшение в виде елочной гирлянды с шарами. При наведении на шары мышью они начинали качаться и издавать звук.

		<div class="b-page_newyear">

				<div class="b-page__content">

						<i class="b-head-decor">

								<i class="b-head-decor__inner b-head-decor__inner_n1">

										<div class="b-ball b-ball_n1 b-ball_bounce" data-note="0"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n2 b-ball_bounce" data-note="1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n3 b-ball_bounce" data-note="2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n4 b-ball_bounce" data-note="3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n5 b-ball_bounce" data-note="4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n6 b-ball_bounce" data-note="5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n7 b-ball_bounce" data-note="6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n8 b-ball_bounce" data-note="7"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n9 b-ball_bounce" data-note="8"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

								</i>

								<i class="b-head-decor__inner b-head-decor__inner_n2">

										<div class="b-ball b-ball_n1 b-ball_bounce" data-note="9"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n2 b-ball_bounce" data-note="10"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n3 b-ball_bounce" data-note="11"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n4 b-ball_bounce" data-note="12"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n5 b-ball_bounce" data-note="13"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n6 b-ball_bounce" data-note="14"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n7 b-ball_bounce" data-note="15"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n8 b-ball_bounce" data-note="16"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n9 b-ball_bounce" data-note="17"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

								</i>

								<i class="b-head-decor__inner b-head-decor__inner_n3">

										<div class="b-ball b-ball_n1 b-ball_bounce" data-note="18"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n2 b-ball_bounce" data-note="19"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n3 b-ball_bounce" data-note="20"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n4 b-ball_bounce" data-note="21"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n5 b-ball_bounce" data-note="22"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n6 b-ball_bounce" data-note="23"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n7 b-ball_bounce" data-note="24"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n8 b-ball_bounce" data-note="25"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n9 b-ball_bounce" data-note="26"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

								</i>

								<i class="b-head-decor__inner b-head-decor__inner_n4">

										<div class="b-ball b-ball_n1 b-ball_bounce" data-note="27"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n2 b-ball_bounce" data-note="28"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n3 b-ball_bounce" data-note="29"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n4 b-ball_bounce" data-note="30"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n5 b-ball_bounce" data-note="31"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n6 b-ball_bounce" data-note="32"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n7 b-ball_bounce" data-note="33"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n8 b-ball_bounce" data-note="34"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n9 b-ball_bounce" data-note="35"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

								</i>

								<i class="b-head-decor__inner b-head-decor__inner_n5">

										<div class="b-ball b-ball_n1 b-ball_bounce" data-note="0"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n2 b-ball_bounce" data-note="1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n3 b-ball_bounce" data-note="2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n4 b-ball_bounce" data-note="3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n5 b-ball_bounce" data-note="4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n6 b-ball_bounce" data-note="5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n7 b-ball_bounce" data-note="6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n8 b-ball_bounce" data-note="7"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n9 b-ball_bounce" data-note="8"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

								</i>

								<i class="b-head-decor__inner b-head-decor__inner_n6">

										<div class="b-ball b-ball_n1 b-ball_bounce" data-note="9"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n2 b-ball_bounce" data-note="10"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n3 b-ball_bounce" data-note="11"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n4 b-ball_bounce" data-note="12"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n5 b-ball_bounce" data-note="13"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n6 b-ball_bounce" data-note="14"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n7 b-ball_bounce" data-note="15"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n8 b-ball_bounce" data-note="16"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n9 b-ball_bounce" data-note="17"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

								</i>

								<i class="b-head-decor__inner b-head-decor__inner_n7">

										<div class="b-ball b-ball_n1 b-ball_bounce" data-note="18"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n2 b-ball_bounce" data-note="19"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n3 b-ball_bounce" data-note="20"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n4 b-ball_bounce" data-note="21"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n5 b-ball_bounce" data-note="22"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n6 b-ball_bounce" data-note="23"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n7 b-ball_bounce" data-note="24"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n8 b-ball_bounce" data-note="25"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_n9 b-ball_bounce" data-note="26"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_i1"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_i2"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_i3"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_i4"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_i5"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

										<div class="b-ball b-ball_i6"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>

								</i>

						</i>

				</div>

		</div>

		<link rel="stylesheet" href="https://www.expertplus.ru/UserFiles/Image/content/new_year/yandex-balls/style.css">

		<script src="https://www.expertplus.ru/UserFiles/Image/content/new_year/yandex-balls/script.js" defer></script>

Добавить приведенный выше код в ПУ: Инструменты -> Счетчики -> Добавить счетчик.

2. Мерцающая гирлянда

В отличие от прошлых украшений, этот код добавит на ваш сайт более аккуратный, но не менее праздничный элемент. Мигающая разноцветная гирлянда обязательно преобразит ваш сайт!

		<style type="text/css">

				.garland_image {position: absolute; top: 0; left: 0; width: 100%; height: 30px; overflow: hidden; z-index: 99; background: url(https://www.expertplus.ru/UserFiles/Image/content/new_year/02.gif) repeat-x 100%; pointer-events: none;}

				@media (max-width: 767px) {.garland_image {display: none!important;}}

		</style>

		

		<script>

				var div = document.createElement('div');
 
				div.innerHTML = '<div class="garland_image"></div>';

				document.body.insertBefore(div, document.body.firstChild);
 
		</script>

Добавить приведенный выше код в ПУ: Инструменты -> Счетчики -> Добавить счетчик.

3. Еще одна гирлянда

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

		<style type="text/css">

				.garland_image {position: absolute; top: 0; left: 0; width: 100%; height: 45px; overflow: hidden; z-index: 99; background: url(https://www.expertplus.ru/UserFiles/Image/content/new_year/03.gif) repeat-x 100%; pointer-events: none;}

				@media (max-width: 767px) {.garland_image {display: none!important;}}

		</style>

		

		<script>

				var div = document.createElement('div');
 
				div.innerHTML = '<div class="garland_image"></div>';

				document.body.insertBefore(div, document.body.firstChild);
 
		</script>

Добавить приведенный выше код в ПУ: Инструменты -> Счетчики -> Добавить счетчик.

4. Светящаяся гирлянда

Светящаяся гирлянда

Эта анимированная светящаяся гирлянда способна преобразить и украсить любой сайт. Яркие переключающиеся цвета создадут праздничное настроение у посетителей вашего сайта.

		<style type="text/css">

				#garland {position: absolute; top: 0; left: 0; background-image: url("https://www.expertplus.ru/UserFiles/Image/content/new_year/04_1.png"); height: 36px; width: 100%; overflow: hidden; z-index: 99;}

				#nums_1 {padding: 100px;}

				.garland_1 {background-position: 0 0;}

				.garland_2 {background-position: 0 -36px;}

				.garland_3 {background-position: 0 -72px;}

				.garland_4 {background-position: 0 -108px;}

		</style>

		

		<script>

				var div = document.createElement('div');
 
				div.innerHTML = '<div id="garland"><div id="nums_1">1</div></div>';

				document.body.insertBefore(div, document.body.firstChild);
 
			

				function garland()

				{

						nums = document.getElementById('nums_1').innerHTML;

						if(nums == 1){document.getElementById('garland').className='garland_1';document.getElementById('nums_1').innerHTML='2'};

						if(nums == 2){document.getElementById('garland').className='garland_2';document.getElementById('nums_1').innerHTML='3'};

						if(nums == 3){document.getElementById('garland').className='garland_3';document.getElementById('nums_1').innerHTML='4'};

						if(nums == 4){document.getElementById('garland').className='garland_4';document.getElementById('nums_1').innerHTML='1'};

				}

				setInterval(function(){garland()}, 600);

		</script>

Добавить приведенный выше код в ПУ: Инструменты -> Счетчики -> Добавить счетчик.

5. Еловая ветка с игрушками

Еловая ветка для сайта

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

		<style type="text/css">

				.garland_image {position: absolute; top: 0; left: 0; width: 300px; height: 229px; overflow: hidden; z-index: 99; background: url(https://www.expertplus.ru/UserFiles/Image/content/new_year/05.png);}

		</style>

		

		<script>

				var div = document.createElement('div');
 
				div.innerHTML = '<div class="garland_image"></div>';

				document.body.insertBefore(div, document.body.firstChild);
 
		</script>

Добавить приведенный выше код в ПУ: Инструменты -> Счетчики -> Добавить счетчик.

6. Елка для сайта

Елка для сайта

Конечно, помимо Деда Мороза, у Нового Года есть и другие, принятые во всем мире символы. Главный среди них – новогодняя елка – может преобразить ваш сайт.

		<div align="center"><img src="https://www.expertplus.ru/UserFiles/Image/content/new_year/06.gif" alt="">

Добавить приведенный выше код в ПУ: Маркетинг -> Инфоблоки -> Добавить ифоблок с размещением в левой или правой колонке.

7. Новогодняя анимированная гирлянда со снегом и еловой веткой

Светящаяся гирлянда

Гирлянды, елочные ветки, новогодние игрушки и узорчатые снежинки – все это является неотъемлемыми составляющими новогоднего празднования. Зачем ограничиваться чем-то одним? Разместите на своем сайте сразу все для яркого и веселого настроения.

		<style type="text/css">

				#garland {position: absolute; top: 0; left: 0; background-image: url("https://www.expertplus.ru/UserFiles/Image/content/new_year/04_1.png"); height: 36px; width: 100%; overflow: hidden; z-index: 99;}

				#nums_1 {padding: 100px;}

				.garland_1 {background-position: 0 0;}

				.garland_2 {background-position: 0 -36px;}

				.garland_3 {background-position: 0 -72px;}

				.garland_4 {background-position: 0 -108px;}

				.garland_image{position: absolute; top: 0; left: 0;}
 
				.garland_image img{border: 0;}

		</style>

		

		<script>

				var div = document.createElement('div');
 
				div.innerHTML = '<div id="garland"><div id="nums_1">1</div></div><div class="garland_image"><img src="https://www.expertplus.ru/UserFiles/Image/content/new_year/07.png"></div>';

				document.body.insertBefore(div, document.body.firstChild);
 
			

				function garland()

				{

						nums = document.getElementById('nums_1').innerHTML;

						if(nums == 1){document.getElementById('garland').className='garland_1';document.getElementById('nums_1').innerHTML='2'};

						if(nums == 2){document.getElementById('garland').className='garland_2';document.getElementById('nums_1').innerHTML='3'};

						if(nums == 3){document.getElementById('garland').className='garland_3';document.getElementById('nums_1').innerHTML='4'};

						if(nums == 4){document.getElementById('garland').className='garland_4';document.getElementById('nums_1').innerHTML='1'};

				}

				setInterval(function(){garland()}, 600);

		</script>

		

		<script src="https://www.expertplus.ru/UserFiles/Image/content/new_year/07.js"></script>

Добавить приведенный выше код в ПУ: Инструменты -> Счетчики -> Добавить счетчик.

8. Рождественский снегопад для сайта

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

		<script>

				var SNOW_Picture = "https://www.expertplus.ru/UserFiles/Image/content/new_year/08.png"; // ссылка на изображение снежинки

				var SNOW_Width = "55px"; // ширина изображения снежинки

				var SNOW_Height = "55px"; // высота изображения снежинки

				var SNOW_no = 99; // максимальное количество снежинок на странице одновременно

		</script>

		

		<script src="https://www.expertplus.ru/UserFiles/Image/content/new_year/08.js"></script>

Добавить приведенный выше код в ПУ: Инструменты -> Счетчики -> Добавить счетчик.

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

9. Летящие вниз белые снежинки

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

		<script src="https://www.expertplus.ru/UserFiles/Image/content/new_year/09.js"></script>

Добавить приведенный выше код в ПУ: Инструменты -> Настройки -> Настройки сайта -> Код блока <head>.

10. Мелкий снежок на сайте

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

		<script src="https://www.expertplus.ru/UserFiles/Image/content/new_year/10.js"></script>

Добавить приведенный выше код в ПУ: Инструменты -> Счетчики -> Добавить счетчик.

11. Снег из курсора

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

		<script src="https://www.expertplus.ru/UserFiles/Image/content/new_year/11.js"></script>

Добавить приведенный выше код в ПУ: Инструменты -> Счетчики -> Добавить счетчик.

12. Курсор в форме снежинки со снегопадом

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

		<style type="text/css">

				body, a:hover {cursor: url("https://www.expertplus.ru/UserFiles/Image/content/new_year/12.cur"), url("https://www.expertplus.ru/UserFiles/Image/content/new_year/12.png"), auto !important;}

		</style>

		

		<script src="https://www.expertplus.ru/UserFiles/Image/content/new_year/11.js"></script>

Добавить приведенный выше код в ПУ: Инструменты -> Счетчики -> Добавить счетчик.

13. Синие снежинки

Может, вы устали от бесконечных белых снежинок, заполонивших улицы и сайты в канун Нового Года? Это украшение позволит вам привнести немного уникальности в праздничную атмфосферу вашего сайта, отобразив на нем падающие снежинки синего цвета.

		<script src="https://www.expertplus.ru/UserFiles/Image/content/new_year/13.js"></script>

Добавить приведенный выше код в ПУ: Инструменты -> Счетчики -> Добавить счетчик.

Всех с праздниками и надеемся данная коллекция новогодних украшений пригодится при встрече Нового Года.

Другие статьи

Конструктор интернет-магазина - выбираем грамотно

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

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

Продвигаем товары на Маркете с помощью акций!

Яндекс.Маркет будет выделять бейджами предложения со специальными условиями. Это должно привлечь внимание покупателей, а значит — увеличить ваши продажи.

Все статьи

Написать в Telegram Написать в WhatsApp Обратная связь Получить консультацию Техническая поддержка Написать в чат