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

автор Eeleidan Ноябрь 9th 2011, 10:51

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

В данной теме собираем готовые коды для украшений.
С вопросами "Как поставить", "Куда поставить", "Почему у меня не поставилось" и пр.
— пожалуйста, обращайтесь в соседнюю тему https://help.forum2x2.ru/t21957-topic

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

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

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

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

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

автор Домовой Декабрь 23rd 2012, 11:39

Вот ещё одна гирлянда из мигающих лампочек с регулировкой частоты мигания.

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

<style type="text/css">
#garland {position:absolute;top:0;left:0;background-image:url('https://i.servimg.com/u/f13/14/80/95/87/christ10.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()}, 400)
</script>

в самом низу скрипта значение
400
указывает на частоту мигания.
Чем меньше значение тем чаще мигают лампочки.

автор Gastat Ноябрь 24th 2013, 09:57

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

автор VeraLV Декабрь 10th 2013, 14:13

Для установки в виджет форума.

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

автор VeraLV Декабрь 10th 2013, 17:26

Картинка для портала

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

автор Домовой Ноябрь 27th 2014, 17:59

Новогодняя музыкальная открытка
Подходит для всех версий форума

В правом нижнем углу выглядывает Дед Мороз.
При наведении на него курсора рядом появляется олень кликнув на которого откроется окно с музыкальной открыткой.

Скриншоты:

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

ДЕМО

Установка
Создайте у себя на форуме HTML страницу (в продвинутом режиме HTML)
Название * : Музыкальная открытка (или своё название)
Использовать верх и низ вашего форума: НЕТ
Использовать эту страницу в качестве Главной: НЕТ

В поле Полный код страницы вставьте

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" type="text/css" media="all" href="http://dizayn.mybb.ru/files/000a/45/08/43781.css"/>
</head>
<script type="text/javascript" src="http://yourjavascript.com/458129911271/scriptjava.js"></script>
<script type="text/javascript">
$$r(function() {
$$i({
create:'script',
attribute: {
'type':'text/javascript',
'src':'http://yourjavascript.com/407212811123/musik.js'
},
insert:$$().body,
onready:function() {//выполняю только после загрузки скрипта
//запукаю из загруженного скрипта
modules.sound.start({'music': 'http://megascripts.ru/demo/ded-moroz/jingle-bells.mp3'});
$$('sound_s_el_m').$$('width','1px').$$('height','1px').$$('overflow','hidden');//эти параметры трогать не нужно
}
});
});
</script>
<body>
<div id="newyear">
<div class="newyear-sneg-layer1"></div>
<div class="newyear-sneg-layer2"></div>
<div class="newyear-pozdrava">
<!— Фон открытки -->
<style type="text/css">
#newyear{
background:url(http://ссылка на вашу картинку открытку) no-repeat top center;height:540px;
}
</style>
</div>
</div>

</body>
</html>

height:540px - высота тартинки
Сохраните.

Далее ПА - Оформление - Шаблоны - Общие настройки
Откройте шаблон overall_footer_end (Конец нижней части страницы)
В самый низ перед </body> вставьте

<a href="#" target="_blank" onClick="popupWin = window.open('http://ссылка на html страницу с открыткой',
'new_year', 'width=828, height=542, top='+((screen.height-620)/2)+',left='+((screen.width-828)/2)+',
resizable=yes, scrollbars=no, status=yes');popupWin.focus(); return false;"><div id="ded-moroz"></div></a>

width=828 - ширина окна в пикселях. Должна соответствовать ширине вашей картинки
height=542 - высота окна в пикселях. Должна быть больше высоты вашей картинки на 2px.

Сохраните и опубликуйте шаблон.

Далее в ПА - Оформление - Картинки и цвета - Цвета - Каскадная таблица стилей CSS вставьте код

Код:: /*музыкальная поздравлялка*/ #ded-moroz { position:fixed; background:url(http://i59.servimg.com/u/f59/14/80/95/87/ded-mo10.png) 100% 100% no-repeat; bottom:0; height:200px; width:99px; right:0; } #ded-moroz:hover { position:fixed; background:url(http://i59.servimg.com/u/f59/14/80/95/87/ded-mo11.png)100% 100% no-repeat; bottom:0; height:250px; width:220px; right:0; }

Нажмите ОК.

P.S. Код настроен на картинку размером 828px в ширину и 540px в высоту.
Рисуйте свою открытку или заказывайте специалистам.
Вставляйте ссылку на картинку и наслаждайтесь)))

Для тестирования можно воспользоваться этой картинкой

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

автор **Dana Domirani** Декабрь 1st 2014, 13:18

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

С вопросами "Как поставить", "Куда поставить", "Почему у меня не поставилось", "Как изменить" и пр. — пожалуйста, обращайтесь в соседнюю тему https://help.forum2x2.ru/t21957-topic

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

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

автор Домовой Декабрь 13th 2014, 11:22

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

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

Ставить в виджет на главной странице или в шаблон 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

автор Домовой Декабрь 17th 2014, 18:07

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

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

Ставить в шаблон 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>

автор VeraLV Декабрь 18th 2014, 17:56

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

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

автор Aster Декабрь 12th 2016, 11:18

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

автор **Феникс** Декабрь 23rd 2016, 01:25

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

Код:: //*** //*** 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 ) }; });

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

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

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

автор Премьера Декабрь 5th 2017, 18:50

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Генератор случайных украшений.

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