» »

Новогодние шарики в шапке сайта uCoz


Новогодние шарики в шапке сайта uCoz

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

Код
<link rel="stylesheet" href="http://webmaster-ucoz.ru/ucoz/1/kolokol/css/ds-lights-muzik.css">  
  <script type="text/javascript" src="http://webmaster-ucoz.ru/ucoz/1/kolokol/js/ds-lights-muzik.js"></script>  
  <script type="text/javascript" src="http://webmaster-ucoz.ru/ucoz/1/kolokol/js/ds-lights-muzik1.js"></script><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>


Все нужно после установки сохранить.
Источник: Webmaster-ucoz.ru
25.12.2015 Просмотров: 490 Комментарий: (11)

Поделиться в социальных сетях

Материал разместил

Комментарий: 10
ZruBkul
ZruBkul 25.12.2015 20:521
0
Но вот не на каждый сайт подойдут, у кого есть горизонтальное меню на шапке, как здесь на сайте, то оно не будет в таком случай работать. А так украшение считаю самым лучшим, что предлагают.
Kosten
Kosten 25.12.2015 21:012
0
Да, это точно, но всякие дизайн сайты есть, где можно установить.
workman
workman 27.12.2015 17:358
0
Ну можно на время подредактировать свой css и немного приопустить сайт вниз
FeStemBer
FeStemBer 25.12.2015 21:173
0
Почти каждый год этот скрипт ставлю, и все думаю, может за год его как то переделал.
2004484
2004484 25.12.2015 21:404
0
Пробовала себе ставить и шарики закрывали верхнее меню. Как вариант можно урезать нижнюю часть кода. Выйдет 5 шаров и кусочек елки в верхнем левом углу сайта.
Unknown8409
Unknown8409 26.12.2015 11:205
0
вырезать не надо) просто ниже опустите,css скопируйте и настройте под свой сайт
Kosten
Kosten 27.12.2015 02:377
0
Unknown8409, и если вырезать, что получиться, это же е еловая веточка, которую можно в угол установить. Так что лучше оставлять как есть. красивей будет, сразу написал, что не под все ресурсы подойдет.
csretven
csretven 26.12.2015 18:186
0
Спасибо, красивое оформление, на сайт как раз подошло.
workman
workman 27.12.2015 18:579
0
Kosten а сам себе ставить на этот сайт будешь? biggrin
workman
workman 27.12.2015 18:5910
0
Да этот код для тех кто просто еще больше хочет своей красотой, на сайт нагрузить лишних скриптов.Их и так полно системных, еще и эти добавятся
avatar