Новогодняя гирлянда от Yandex

[Атаман]

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

Все сделал, как в статье.

 

Чтоб была звуки и новогодние шарики качались в разные стороны, нужно прописать перед.

 

 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="http://сайт/catalog/view/javascript/newyear/swfobject.min.js"></script>
<script type="text/javascript" src="http://сайт/catalog/view/javascript/newyear/newyear.js"></script>
<link rel="stylesheet" href="http://сайт/catalog/view/javascript/newyear/style.css">

 

Обязательно:

 

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

 

Вроде после всего этого, все заработало, но не работают сворачивающиеся элементы, кнопка ТОП, поиск, профиль и тд. Подскажите, как исправить проблему, спасибо.

[siv1987]

https://www.google.ru/search?client=opera&rls=ru&q=jquery+noconflict

 

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

 

Если скрипты используют символ $ придется их переделать, $ поменять на jQuery

[Атаман]

https://www.google.ru/search?client=opera&rls=ru&q=jquery+noconflict

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

Если скрипты используют символ $ придется их переделать, $ поменять на jQuery

 

Заработало, спасибо.

Как Вы и сказали, открыл редактором, файлыs Выполнил замену ($ поменять на jQuery)

 

У меня использовался уже.

http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js

Дубль удалил.

 

<script type="text/javascript" src="http://сайт/catalog/view/javascript/newyear/swfobject.min.js"></script>
<script type="text/javascript" src="http://сайт/catalog/view/javascript/newyear/newyear.js"></script>
<link rel="stylesheet" href="http://сайт/catalog/view/javascript/newyear/style.css">

 

Спасибо.

[qwarzer]

Решил себе прикрутить герлянду. Все ок, только не могу убрать пустое место снизу.

Поигрался с css, все без изменений :(

 

[Dmitriy427]

.b-page__content { 
min-height: 200px;
}

В /newyear/style.css редактируйте. Можно этот элемент удалить из таблицы стилей просто.

[damin70]

Уважаемый атаман, не могли бы инструкцию написать?

Я не понял, куда надо складывать скачанное, где и как писать пути и прочее...

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

[Атаман]

Загружаем в корень форума все с архива, соблюдая хронологию папок:

catalog.zip

 

Заходим а АЦ: Внешний вид - globalTemplate

 

Ищем:

 

<link rel="shortcut icon" href='<if test="$this->registry->output->isHTTPS">{$this->settings['board_url_https']}<else />{$this->settings['board_url']}</if>/favicon.ico' />

 

Ниже добавляем:

 

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

 

Ищем:

 

</head>

 

Выше добавляем: Ваш домен, меняйте на свой.

 

<script type="text/javascript" src="http://Ваш домен.ru/catalog/view/javascript/newyear/swfobject.min.js"></script>
<script type="text/javascript" src="http://Ваш домен.ru/catalog/view/javascript/newyear/newyear.js"></script>
<link rel="stylesheet" href="http://Ваш домен.ru/catalog/view/javascript/newyear/style.css">

 

Ищем:

 

</head>

 

Ниже добавляем:

 

<div class="b-page_newyear">
 <div class="b-page__content">
 <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>

 

Чтоб колокольчики звенели, нужно открыть newyear.js и изменить строку. Домен.ру, меняйте на свой.

 

var i = "http://домен.ру/catalog/view/javascript/newyear/ny2012.swf";

[damin70]

Во-первых спасибо огромное. Но есть проблема:

 

<link rel="shortcut icon" href='<if test="$this->registry->output->isHTTPS">{$this->settings['board_url_https']}<else />{$this->settings['board_url']}</if>/favicon.ico' />

 

Этой строчки у меня нет.

Версия форума 3.4.2 скин Comfy

 

Этот вопрос решился вставкой после

<!DOCTYPE html> 
<html lang="en" <if test="fbcenabled:|:IPSLib::fbc_enabled() === TRUE || $this->settings['fbc_appid']"> xmlns:fb="http://www.facebook.com/2008/fbml"</if>>

 

Но теперь нет доступа к меню в шапке

 

[Атаман]

http://ipbskins.ru/forum/topic12582.html/page__view__findpost__p__83035

[damin70]

http://ipbskins.ru/forum/topic12582.html/page__view__findpost__p__83035

 

 

Спасибо. Тут придется смириться, никак не подогнать, чтобы красиво было.

Чтобы доступ получить к меню в шапке надо до 150% увеличивать масштаб страницы.

Красота требует жертв))))

[Alex222]

Загружаем в корень форума все с архива, соблюдая хронологию папок:

catalog.zip

 

Скажите, не совсем понял в какие папки грузить? Внутри папки "Catalog" ещё несколько папок. Таких папок как бы нет у меня в корне сайта, вот и заблудился я.)

[Атаман]

Разархивируйте архив, в корень папки с форумом (В корне появится папка catalog)

Или с архива загрузите папку catalog через фтп менеджер.

Edited December 8, 2015 by Атаман

[Alex222]

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

[Alex222]

Разархивируйте архив, в корень папки с форумом (В корне появится папка catalog)

Или с архива загрузите папку catalog через фтп менеджер.

 

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

[Alex222]

Короче, закрывает вход, регистрацию и т.д., вверху. Пробовал редактировать в /newyear/style.css. Пока всё стоит на месте, ничего не меняется. Может кто подскажет, где там конкретно можно двигать? А то там много чего.

Edited December 8, 2015 by Alex222