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

Подписчики

4 декабря 201312 г

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

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

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

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

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

4 декабря 201312 г

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

4 декабря 201312 г

Автор

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

Спасибо.

2 недели спустя...

13 декабря 201312 г

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

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

13 декабря 201312 г

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

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

3 недели спустя...

28 декабря 201312 г

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

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

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

28 декабря 201312 г

Автор

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

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

28 декабря 201312 г

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

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

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

29 декабря 201312 г

Автор

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

29 декабря 201312 г

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

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

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

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

1 год спустя...

8 декабря 201510 г

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

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

8 декабря 201510 г

Автор

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

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

Изменено 8 декабря 201510 г пользователем Атаман

8 декабря 201510 г

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

8 декабря 201510 г

Разархивируйте архив, в корень папки с форумом (В корне появится папка catalog)
Или с архива загрузите папку catalog через фтп менеджер.

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

8 декабря 201510 г

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

Изменено 8 декабря 201510 г пользователем Alex222

8 декабря 201510 г

Автор

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

Создайте аккаунт или войдите в него для комментирования

Зарегистрировать аккаунт

Войти сейчас

Подписчики

Перейти к списку тем

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

Рекомендованные сообщения

Создайте аккаунт или войдите в него для комментирования

Важная информация

Аккаунт

Навигация

Поиск

Настроить push-уведомления браузера

Chrome (Android)

Chrome (компьютер)

Safari (iOS 16.4+)

Safari (macOS)

Edge (Android)

Edge (компьютер)

Firefox (Android)

Firefox (компьютер)