Два варианта новогодние елочные украшения на JS-скрипте

Сейчас, многие уже начали наряжать свои сайты в новогодние украшения, елочные игрушки и гирлянды с веточками ели. Все говорит о наступлении праздника «Новый Год», с чем мы dle9.com Вас всех поздравляем!

Вот таких два варианта хак для dle на JS-скрипте красивого елочного оформления со звуковым эффектом и анимацией, любой из Вас сможет установить на свой сайт, тем самым не меняя дизайн чудесным образом разукрасить в новогоднее убранство, что думаю многим вашим посетителям понравится. Похожий вариант оформления на JS-скрипте можно было видеть на сайте Яндекса в прошлом году, другой вариант просто в дополнении к первому.
Два варианта новогодние елочные украшения на JS-скрипте

Два варианта новогодние елочные украшения на JS-скрипте

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

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

Итак приступим, более подробная инструкция внутри архива. Пути прописывал для DLE. Если что, поправляйте. Ничего сложного нету.
Заметил, что в Опере не отображается, а в IE вроде не двигаются шарики )

\Здесь обращаю внимание:
Скрипт

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

возможно не понадобится, или будет конфликт

Предлагаю еще один вариант, для украшения вашего сайта новогодним настроением. Аккуратная ветка в левом углу экрана. Лично мне понравилось.

Установка New Year Motnyay

1. Создайте папку newyear и все файлы из папки new_year_motnyay добавьте в эту папку (Внимание! не саму папку)

В main.tpl вашего шаблона после тега

<body>

Добавляем следующий код в любом удобном месте

<div class="b-page_newyear">
  <div class="b-page__content">
  <!-- новогодняя мотня newyear.html -->
   
  <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"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
  <div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
  <div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
  <div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
  <div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
  <div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
  <div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
   
  <div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
  <div class="b-ball b-ball_n9 b-ball_bounce"><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"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
  <div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
  <div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
  <div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
  <div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
  <div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
  <div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
  <div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
   
  <div class="b-ball b-ball_n9 b-ball_bounce"><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"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
  <div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
  <div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
  <div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
  <div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
  <div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
  <div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
  <div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
  <div class="b-ball b-ball_n9 b-ball_bounce"><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"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
   
  <div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
  <div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
  <div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
  <div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
  <div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
  <div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
  <div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
  <div class="b-ball b-ball_n9 b-ball_bounce"><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"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
  <div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
   
  <div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
  <div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
  <div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
  <div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
  <div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
  <div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
  <div class="b-ball b-ball_n9 b-ball_bounce"><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"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
  <div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
  <div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
   
  <div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
  <div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
  <div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
  <div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
  <div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
  <div class="b-ball b-ball_n9 b-ball_bounce"><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"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
  <div class="b-ball b-ball_n2 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
  <div class="b-ball b-ball_n3 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
  <div class="b-ball b-ball_n4 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
   
  <div class="b-ball b-ball_n5 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
  <div class="b-ball b-ball_n6 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
  <div class="b-ball b-ball_n7 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
  <div class="b-ball b-ball_n8 b-ball_bounce"><div class="b-ball__right"></div><div class="b-ball__i"></div></div>
  <div class="b-ball b-ball_n9 b-ball_bounce"><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>

В main.tpl вашего шаблона перед тегом

</head>

Добавляем код

<link rel="stylesheet" href="/templates/Default/newyear/style.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="/templates/Default/newyear/swfobject.min.js"></script>
<script type="text/javascript" src="/templates/Default/newyear/newyear.js"></script>

Это делать не обязательно при тестировании на Дефолтном шаблоне все нормально работало!
Здесь обращаю внимание:
Скрипт

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

возможно не понадобится, или будет конфликт. Я его у себя не прописывал, т.к. был конфликт.

В файле newyear.js нужно прописать прямой путь к звуковому файлу ny2012.swf

var i = "http://www.вашсайт/templates/Default/newyear/ny2012.swf";

не забыванием изменить ваш домин и название шаблона

Настройка расположения:
В CSS стилях возможно вам придется подправить значения ширины, margin, top. Они находятся сразу же на верху и выглядят так:

body{position:relative;z-index:0;margin:0;padding:0 0 1em 0;}
.b-page__content{min-height:50px}

Предлагаем из раздела хаки для dle, познакомиться с хаком два варианта новогодние елочные украшения на JS-скрипте и новогодняя украшенная ель с левой стороны

New_year_motnyay-Elka-left.rar [409,19 Kb] (cкачиваний: 402)

2019-12-22
Автор:dle9.com
11 835
20

Новинки

Хак DLE Меняем ссылку на профиль user/name на @name

Хак DLE Отдельная страница авторизации для сайта

Хак DLE Вывод статистики на главной

Хак dle Custom Block (новый тег news)

Скачать Adblock детектор хак DLE

Интересные

Разные скрипты Sponzy — скрипт монетизации контента

Разные шаблоны SuperStore v1.0.0 многоцелевой OpenCart 3 шаблон

XenForo XenForo Resource Manager 2.2.1 управление ресурсами XenForo 2

Зарабатывай $ на Dle / Разная информация / Полезные статьи 2020 ТОП способы. Как заработать в Инстаграм.

Разные шаблоны Shoppica v3.3.2 — премиум шаблон OpenCart

Предыдущая публикация Следующая публикация

Комментарии 20

dle9.com от 25 сентября 2015 16:34

Цитата: ZeroCool

По ссылке Elka-left.rar скачивается New_year_motnyay.rar поправте пожалуйста.

уже

ZeroCool от 25 сентября 2015 13:57

По ссылке Elka-left.rar скачивается New_year_motnyay.rar поправте пожалуйста.

dle9.com от 13 декабря 2014 06:52

Цитата: PetR0vich8181

Цитата: dle9

по новее скрипт не работает.
сделал все с url тоже самое.
рокеровка со скриптами не помогла.
а так же хочется эти шарики поцокать)))
Мож кто по шустрее покумекает,что к чему.Новый год на носу))

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

PetR0vich8181 от 13 декабря 2014 03:15

Цитата: dle9

dle9.com от 9 декабря 2014 07:04

Цитата: PetR0vich8181

наврал ваш тоже работает

конфликтует с чатом и редактированием коментов.
Вопрос к админу: что страшного в этом скрипте,что он такой конфликтный?

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

PetR0vich8181 от 8 декабря 2014 23:29

PetR0vich8181 от 8 декабря 2014 19:20

на носу Новый год и она опять понадобилась,у вас на сайте мотня для меня оказалась не рабочей (не было звона).взял от сюда:

Показать / Скрыть текст

но все равно этот скрипт:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"
;
;
;
;></script>

конфликтирует с чатом и редктированием коментов.
Вопрос к админу: что страшного в этом скрипте,что он такой конфликтный?

DLE 10.3

Внимание! У Вас нет прав для просмотра скрытого текста.

dle9.com от 28 декабря 2012 13:04

Fame,
выше написал инструкцию и проверьте сначала на дефолтном шаблоне

Fame от 28 декабря 2012 12:28

dle9,
Не понятно куда что писать.

dle9.com от 28 декабря 2012 11:53

Fame,
лучше напишите что вам не понятно .

Два варианта новогодние елочные украшения на JS-скрипте

Новинки

Интересные

Комментарии 20

Оставить комментарий