Падающий снег, гирлянды (готовые скрипты) и прочие украшения для Нового года!

Первое сообщение в теме :

---

Предлагаю вниманию админов, готовящихся к зиме и Новому году несколько простых рабочих скриптов падающего снега. Чтобы установить снег, достаточно добавить один из предложенных скриптов в ПА > Модули > Управление кодами Javascript (инструкция: как установить скрипт)



Мелкий белый (не раздражающий пользователей!) снег, реалистично сдуваемый ветерком:

Код:

$(function() {
    $.getScript("http://illiweb.com/rs3/10/frm/snow.js");
});

Отображается в IE9 - Хроме - Мазилле - Опере.

Домовой пишет:Новогодняя гирлянда из шаров и веток. Со звуком!

Очень красивая!!! Спасибо вам большое

Новогодняя гирлянда из шаров

[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]

Ставить в виджет на главной странице или в шаблон overall_header перед </head>

Код:

<!— динамичная гирлянда -->
<link rel="stylesheet" href="http://mybb.forum4.ru/files/000a/45/08/58954.css"/>
<script type="text/javascript" src="http://mybb.forum4.ru/files/0008/3e/ff/95088.js"></script>
<script type="text/javascript" src="http://mybb.forum4.ru/files/000a/45/08/88240.js"></script>
<script type="text/javascript" src="http://mybb.forum4.ru/files/000a/45/08/66132.js"></script>
<!--окончание гирлянды-->

Дополнение
В CSS

.b-page_newyear .b-head-decor{
position:fixed !important; /*фиксированное расположение*/
position:absolute !important; /*прокручивание с форумом*/
top:30px !important; /*отступ от верха*/
}

лишнее из кода удалите.
Подробней об установке смотрите в данной теме ВЫШЕ

---

Обновлено 01.12.2016

Вот красивая гирлянда.

[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]

Ставить в шаблон overall_header перед </head>

Код:

<div style="position:absolute;left:0;top:0;height:45px;background:url(http://i39.servimg.com/u/f39/14/80/95/87/3621cb10.gif) repeat-x;width:100%;"></div>

нашла вот такие веточки
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
width="200" height="200"

[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
width="200" height="154"

Спасибо большое за скрипты! Очень выручили!

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

Код:

//***
//*** Random XMAS Decorations (updated). December 2014 - 2016. By @"Ange Tuteur" (coding) and
//*** @"Samantha NL" (idea and testing) on http://fmdesign.forumotion.com and http://www.friendcodes.nl
//*** No support and usage at your own risk. Distribute and modify freely. Please leave this notice in tact.
//***
 
$(function() {
          var l=rand(6),r=rand(6),s=rand(3);
      
          // left decos
          if (l==0) $.getScript("http://sd-1.archive-host.com/membres/up/37821634957680146/deco/bn22.js");
          if (l==1) $.getScript("http://sd-1.archive-host.com/membres/up/37821634957680146/deco/botte22.js");
          if (l==2) $.getScript("http://sd-1.archive-host.com/membres/up/37821634957680146/deco/boule22.js");
          if (l==3) $.getScript("http://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Noel/eff2.js");
          if (l==4) $.getScript("http://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Noel/eff3.js");
          if (l==5) $.getScript("http://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Noel/eff4.js");
      
          // right decos
          if (r==0) $.getScript("http://sd-1.archive-host.com/membres/up/37821634957680146/deco/bn22R.js");
          if (r==1) $.getScript("http://sd-1.archive-host.com/membres/up/37821634957680146/deco/botte22R.js");
          if (r==2) $.getScript("http://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Noel/boule23.js");
          if (r==3) $.getScript("http://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Noel/feu_artifice_droite.js");
          if (r==4) $.getScript("http://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Noel/etoilefilantedroite.js");
          if (r==5) $.getScript("http://sd-1.archive-host.com/membres/up/132720629421430912/FDF/Decoration/Noel/etoilesdroite.js");
        
          // snow
          if (s==0) $.getScript("http://js01.fra.co/21268.js");
          function rand(n) { return Math.floor( Math.random() * n ) };
        });

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


В скрипте из украшений (флеш-анимация):

  валенок,
  падающая звезда,
  салют,
  гирлянда,
  снеговичок,
  шары на ветке.

Легкий и быстрый способ мгновенно придать шапке вашего форума зимний, снежный образ.
1) Переходим сюда чтобы создать снежный эффект
2) Затем сюда , чтобы добавить морозную рамку (ширину рамки меняем по своему усмотрению, чем она выше, тем "пушистее" края)

Результат на примере шапки этого форума
ДО
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
ПОСЛЕ
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]

Особенно классно будет смотреться в сочетании с остальной новогодней атрибутикой (гирляндами/ветками/шарами)