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

Опубликовано: 01.09.2018

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

Новогодние гирлянды на сайт

1. Скрипт: Рождественский снегопад для сайта

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



Добавить приведенный ниже код в ПУ - Управление дизайном - Верхняя часть сайта.

Код

<script type="text/javascript">  var SNOW_Picture = "https://uguide.ru/js/script/img_sneg.png"; // ссылка на изображение снежинки  var SNOW_Width = "55px"; // ширина изображения снежинки  var SNOW_Height = "55px"; // высота изображения снежинки  var SNOW_no = 99; // максимальное количество снежинок на странице одновременно</script><script type="text/javascript" src="https://uguide.ru/js/script/skript_sneg_webanfarwol_ru.js"></script>


Гирлянда из новогодних шаров для сайта

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

2. Украшение: Мерцающая гирлянда для uCoz

 

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

Добавить приведенный ниже код в ПУ - Управление дизайном - Верхняя часть сайта.

Код

<div style="height: 30px; background: url(https://uguide.ru/js/script/girlianda_uguide_ru_1.gif) repeat-x 100%;"></div>

3. Украшение: Еще одна гирлянда

 

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

Добавить приведенный ниже код в ПУ - Управление дизайном - Верхняя часть сайта.

Код

<div style="height: 30px; background: url(https://uguide.ru/js/script/girlianda_uguide_ru_2.gif) repeat-x 100%;"></div>

4. Украшение: Елка для сайта

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

Добавить приведенный ниже код в нужное место на сайте, например в правом или левом сайдбаре.

Код

<div align="center"><img alt="" src="https://uguide.ru/js/script/elka_ot_uguide_ru_2.gif" width="118" height="173">

5. Украшение: Еловая ветка с игрушками для ucoz

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

Добавить приведенный ниже код в ПУ - Управление дизайном - Верхняя часть сайта.

Код

<div style="position:absolute;top:0px;left:0px;width:300px;height:229px;background:url('https://uguide.ru/js/script/vetka.png')"></div>

6. Скрипт: Светящаяся гирлянда для uCoz

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

Добавить приведенный ниже код в ПУ - Управление дизайном - Верхняя часть сайта.

Код

<style type="text/css">   #garland {position:absolute;top:0;left:0;background-image:url('https://uguide.ru/js/script/christmas-lights.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> <div id="garland" class="garland_4">  <div id="nums_1">1</div></div><script type="text/javascript">  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>

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

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

Добавить приведенный ниже код в ПУ - Управление дизайном - Верхняя часть сайта.

Код

<style type="text/css">  #garland {position:absolute;top:0;left:0;background-image:url('https://uguide.ru/js/script/christmas.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>  <div id="garland" class="garland_4"><div id="nums_1">1</div></div>  <script type="text/javascript">  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>  <nolayer>  <div style="position:absolute; top:0; left:0;">  </nolayer>  <img border="0" src="https://uguide.ru/js/script/elka.png" align="left" />  <nolayer>  </div>  </nolayer>  <script type="text/javascript" src="https://uguide.ru/js/script/snow1.js"></script>

8. Скрипт: Летящие вниз белые снежинки

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

Добавить приведенный ниже код в ПУ - Управление дизайном - Верхняя часть сайта.

Код

<script src='https://uguide.ru/js/script/snow11.js'> </script>

9. Скрипт: Мелкий снежок на сайте

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

Код

<script type="text/javascript" src="https://uguide.ru/js/script/snowfall.min.js"></script>

10. Скрипт: Снег из курсора

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

Код

<script type="text/javascript" src="https://uguide.ru/js/script/snowcursor.min.js"></script>

11. Скрипт: Курсор в форме снежинки со снегопадом

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

Код

<script type="text/javascript" src="https://uguide.ru/js/script/snowcursor.min.js">  </script>  <style type="text/css">  body, a:hover {cursor: url(https://uguide.ru/js/script/snowcurser.cur), url(https://uguide.ru/js/script/snowcurser.png), auto !important;}  </style>

12. Скрипт: Синие снежинки

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

Код

<script src="https://uguide.ru/js/script/ok4.js" type="text/javascript"></script>

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

rss