newyearПеред Новым Годом можно украсить свой сайт красочной гирляндой, при прикосновении к которой шары начинаются качаться и издавать мелодичные звуки. Первым делом скачиваем архив:

New Year (372.3 KiB)

Затем подключаемся к своему хосту по FTP, и распаковываем содержимое папки в корень сайта. Далее сохраняем, файлы header.php и footer.php, т.к. в них мы будем добавлять скрипты, а после Нового Года, обратно заменим отредактированные файлы оригинальными.
Затем открываем файл header.php и перед тегом </head> вставляем такой скрипт:

script src=»https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js»></script>
<link rel=»stylesheet» type=»text/css» media=»all» href=»/newyear/swfobject.min.js»>
<link rel=»stylesheet» type=»text/css» media=»all» href=»/newyear/newyear.css»>

Отрываем файл footer.php. Первый скрипт вставляем перед закрывающимся тегом </body>:

<script src=»/newyear/js/newyear.js» type=»text/javascript»></script>
<script src=»/newyear/js/swfobject.js» type=»text/javascript»></script>

Второй скрипт вставляем сразу после тега </body>, перед закрывающимся тегом </html>

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

Заходим на сайт, проверяем, как работает гирлянда:Новогодняя гирлянда в шапку сайта WordPress