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

Атаман · 12/04/13 13:12

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

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

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

<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 · 12/04/13 13:25

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

Атаман · 12/04/13 13:39

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 · 12/13/13 00:12

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

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

**Dmitriy427** · 12/13/13 02:59

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

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

damin70 · 12/28/13 11:26

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

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

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

Атаман · 12/28/13 11:44

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

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 · 12/28/13 13:50

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

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

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

Атаман · 12/29/13 15:40

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

damin70 · 12/29/13 15:55

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

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

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

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

Alex222 · 12/08/15 07:49

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

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

Атаман · 8 декабря 2015

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

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

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

Alex222 · 12/08/15 08:05

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

Alex222 · 12/08/15 08:07

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

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

Alex222 · 8 декабря 2015

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

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

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

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

Атаман 461

Поделиться сообщением

Ссылка на сообщение

siv1987 2628

Поделиться сообщением

Ссылка на сообщение

Атаман 461

Поделиться сообщением

Ссылка на сообщение

qwarzer 0

Поделиться сообщением

Ссылка на сообщение

Dmitriy427 198

Поделиться сообщением

Ссылка на сообщение

damin70 0

Поделиться сообщением

Ссылка на сообщение

Атаман 461

Поделиться сообщением

Ссылка на сообщение

damin70 0

Поделиться сообщением

Ссылка на сообщение

Атаман 461

Поделиться сообщением

Ссылка на сообщение

damin70 0

Поделиться сообщением

Ссылка на сообщение

Alex222 1

Поделиться сообщением

Ссылка на сообщение

Атаман 461

Поделиться сообщением

Ссылка на сообщение

Alex222 1

Поделиться сообщением

Ссылка на сообщение

Alex222 1

Поделиться сообщением

Ссылка на сообщение

Alex222 1

Поделиться сообщением

Ссылка на сообщение

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

Создать аккаунт

Войти

Сейчас на странице 0 пользователей

Сообщество