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

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

 Я собрал подборку из нескольких скриптов, которые создадут атмосферу Нового года на вашем сайте. Внедряйте и радуйте своих посетителей.

💡 Чтобы не заходить в код всего блога, поделюсь с вами решениями для добавления на свой сайт праздничной атмосферы, которые реализуются очень лего и быстро (а главное что, потом быстро и удаляются!).

💡Нашел несколько ява-скриптов, которыми под Новый Год можно украсить страницы сайта

Новогодний скрипт мерцающей гирлянды

1. Заходим в настройки блога > пункт "Дизайн" > "+Добавить гаджет" HTML/JavaScript. В поле "Содержание" вставляем скопированный код  элемента.
   
   

<style type="text/css">
#garland {position:absolute;top:0;left:0;background-image:url('http://dleshka.org/img/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><div style="position:absolute;top:-1000px">

<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>

💡Замените ссылку, на прямую ссылку своей картинки или скачайте эту!!!

Пример скрипта падающего снега на JS

<script src="http://secrwsemsvet.addsalesforce.com/wp-content/uploads/2025/01/Новогодний-снег.js" type="text/javascript"></script>

2. Вставка готового скрипта происходит аналогично пункту 1.

💡 Замените ссылку, выделенную красным цветом, на свою прямую ссылку расположения самого скрипта.

Для того чтобы "работал" скрипт, сделайте следующее

•  Скачайте скрипт по ссылке и оберните его в такие элементы  <script type='text/javascript'> Вставьте сюда JavaScript  снега </script>,  затем воспользуйтесь советом из пункта 1.  (См. подсказку на скриншот ниже).
  
  
  

Статья из Рубрики Новогодние-украшения
Показать все сообщения из рубрики Новогодние-украшения

Автор статьи: Aviator - четверг, 2 января 2025 г.