Пост (в основном) для пользователей:
Blogger, Блоггер (Blogspot, Блогспот)
Виджет информер времени "До Нового года осталось"
Снежинки и снежную пыль для блога
Новогодняя шапка блога Блогспот, Blogger.
Новогоднее поздравление анимированного Деда Мороза
Праздничный салют, фейерверк на Блогспот, Blogger
<style type="text/css">
.st2 {
border:3px solid #BBBBBB;opacity: 2.1;
-webkit-animation: ring 18s 19s ease-in-out infinite;
-webkit-transform-origin: 50% 14px;
-moz-animation: ring 18s 19s ease-in-out infinite;
-moz-transform-origin: 50% 14px;
animation: ring 18s 19s ease-in-out infinite;
transform-origin: 50% 14px;
}
@-webkit-keyframes ring {
0% { -webkit-transform: rotateZ(0); }
1%, 9% { -webkit-transform: rotateZ(30deg); }
3% { -webkit-transform: rotateZ(-28deg); }
5% { -webkit-transform: rotateZ(34deg); }
7% { -webkit-transform: rotateZ(-32deg); }
11% { -webkit-transform: rotateZ(-28deg); }
13% { -webkit-transform: rotateZ(26deg); }
15% { -webkit-transform: rotateZ(-24deg); }
17% { -webkit-transform: rotateZ(22deg); }
19% { -webkit-transform: rotateZ(-20deg); }
21% { -webkit-transform: rotateZ(18deg); }
23% { -webkit-transform: rotateZ(-16deg); }
25% { -webkit-transform: rotateZ(14deg); }
27% { -webkit-transform: rotateZ(-12deg); }
29% { -webkit-transform: rotateZ(10deg); }
31% { -webkit-transform: rotateZ(-8deg); }
33% { -webkit-transform: rotateZ(6deg); }
35% { -webkit-transform: rotateZ(-4deg); }
37% { -webkit-transform: rotateZ(2deg); }
39% { -webkit-transform: rotateZ(-1deg); }
41% { -webkit-transform: rotateZ(1deg); }
43% { -webkit-transform: rotateZ(0); }
100% { -webkit-transform: rotateZ(0); }
}
@-moz-keyframes ring {
0% { -moz-transform: rotate(0); }
1%, 9% { -moz-transform: rotate(30deg); }
3% { -moz-transform: rotate(-28deg); }
5% { -moz-transform: rotate(34deg); }
7% { -moz-transform: rotate(-32deg); }
11% { -moz-transform: rotate(-28deg); }
13% { -moz-transform: rotate(26deg); }
15% { -moz-transform: rotate(-24deg); }
17% { -moz-transform: rotate(22deg); }
19% { -moz-transform: rotate(-20deg); }
21% { -moz-transform: rotate(18deg); }
23% { -moz-transform: rotate(-16deg); }
25% { -moz-transform: rotate(14deg); }
27% { -moz-transform: rotate(-12deg); }
29% { -moz-transform: rotate(10deg); }
31% { -moz-transform: rotate(-8deg); }
33% { -moz-transform: rotate(6deg); }
35% { -moz-transform: rotate(-4deg); }
37% { -moz-transform: rotate(2deg); }
39% { -moz-transform: rotate(-1deg); }
41% { -moz-transform: rotate(1deg); }
43% { -moz-transform: rotate(0); }
100% { -moz-transform: rotate(0); }
}
@keyframes ring {
0% { transform: rotate(0); }
1%, 9% { transform: rotate(30deg); }
3% { transform: rotate(-28deg); }
5% { transform: rotate(34deg); }
7% { transform: rotate(-32deg); }
9% { transform: rotate(30deg); }
11% { transform: rotate(-28deg); }
13% { transform: rotate(26deg); }
15% { transform: rotate(-24deg); }
17% { transform: rotate(22deg); }
19% { transform: rotate(-20deg); }
21% { transform: rotate(18deg); }
23% { transform: rotate(-16deg); }
25% { transform: rotate(14deg); }
27% { transform: rotate(-12deg); }
29% { transform: rotate(10deg); }
31% { transform: rotate(-8deg); }
33% { transform: rotate(6deg); }
35% { transform: rotate(-4deg); }
37% { transform: rotate(2deg); }
39% { transform: rotate(-1deg); }
41% { transform: rotate(1deg); }
43% { transform: rotate(0); }
100% { transform: rotate(0); }
</style>
<div style="padding: 0px;">
<img class="st2" src="http://lovitour.com.ua/img/newyear/b-ball_n2.png" style="position:fixed; top: 0px;left:130px;border:none;z-index:9;"/></div><style type="text/css">
.st1 {
border:3px solid #BBBBBB;opacity: 2.1;
-webkit-animation: ring 20s 19s ease-in-out infinite;
-webkit-transform-origin: 50% 14px;
-moz-animation: ring 20s 19s ease-in-out infinite;
-moz-transform-origin: 50% 14px;
animation: ring 20s 19s ease-in-out infinite;
transform-origin: 50% 14px;
}
@-webkit-keyframes ring {
0% { -webkit-transform: rotateZ(0); }
1%, 9% { -webkit-transform: rotateZ(30deg); }
3% { -webkit-transform: rotateZ(-28deg); }
5% { -webkit-transform: rotateZ(34deg); }
7% { -webkit-transform: rotateZ(-32deg); }
11% { -webkit-transform: rotateZ(-28deg); }
13% { -webkit-transform: rotateZ(26deg); }
15% { -webkit-transform: rotateZ(-24deg); }
17% { -webkit-transform: rotateZ(22deg); }
19% { -webkit-transform: rotateZ(-20deg); }
21% { -webkit-transform: rotateZ(18deg); }
23% { -webkit-transform: rotateZ(-16deg); }
25% { -webkit-transform: rotateZ(14deg); }
27% { -webkit-transform: rotateZ(-12deg); }
29% { -webkit-transform: rotateZ(10deg); }
31% { -webkit-transform: rotateZ(-8deg); }
33% { -webkit-transform: rotateZ(6deg); }
35% { -webkit-transform: rotateZ(-4deg); }
37% { -webkit-transform: rotateZ(2deg); }
39% { -webkit-transform: rotateZ(-1deg); }
41% { -webkit-transform: rotateZ(1deg); }
43% { -webkit-transform: rotateZ(0); }
100% { -webkit-transform: rotateZ(0); }
}
@-moz-keyframes ring {
0% { -moz-transform: rotate(0); }
1%, 9% { -moz-transform: rotate(30deg); }
3% { -moz-transform: rotate(-28deg); }
5% { -moz-transform: rotate(34deg); }
7% { -moz-transform: rotate(-32deg); }
11% { -moz-transform: rotate(-28deg); }
13% { -moz-transform: rotate(26deg); }
15% { -moz-transform: rotate(-24deg); }
17% { -moz-transform: rotate(22deg); }
19% { -moz-transform: rotate(-20deg); }
21% { -moz-transform: rotate(18deg); }
23% { -moz-transform: rotate(-16deg); }
25% { -moz-transform: rotate(14deg); }
27% { -moz-transform: rotate(-12deg); }
29% { -moz-transform: rotate(10deg); }
31% { -moz-transform: rotate(-8deg); }
33% { -moz-transform: rotate(6deg); }
35% { -moz-transform: rotate(-4deg); }
37% { -moz-transform: rotate(2deg); }
39% { -moz-transform: rotate(-1deg); }
41% { -moz-transform: rotate(1deg); }
43% { -moz-transform: rotate(0); }
100% { -moz-transform: rotate(0); }
}
@keyframes ring {
0% { transform: rotate(0); }
1%, 9% { transform: rotate(30deg); }
3% { transform: rotate(-28deg); }
5% { transform: rotate(34deg); }
7% { transform: rotate(-32deg); }
9% { transform: rotate(30deg); }
11% { transform: rotate(-28deg); }
13% { transform: rotate(26deg); }
15% { transform: rotate(-24deg); }
17% { transform: rotate(22deg); }
19% { transform: rotate(-20deg); }
21% { transform: rotate(18deg); }
23% { transform: rotate(-16deg); }
25% { transform: rotate(14deg); }
27% { transform: rotate(-12deg); }
29% { transform: rotate(10deg); }
31% { transform: rotate(-8deg); }
33% { transform: rotate(6deg); }
35% { transform: rotate(-4deg); }
37% { transform: rotate(2deg); }
39% { transform: rotate(-1deg); }
41% { transform: rotate(1deg); }
43% { transform: rotate(0); }
100% { transform: rotate(0); }
</style>
<div style="padding: 0px;">
<img class="st1" src="http://lovitour.com.ua/img/newyear/b-ball_n4.png" style="position:fixed; top: 0px;left:250px;border:none;z-index:6;"/></div><style type="text/css">
.st {
border:3px solid #BBBBBB;opacity: 2.1;
-webkit-animation: ring 19s 19s ease-in-out infinite;
-webkit-transform-origin: 50% 14px;
-moz-animation: ring 19s 19s ease-in-out infinite;
-moz-transform-origin: 50% 14px;
animation: ring 19s 19s ease-in-out infinite;
transform-origin: 50% 14px;
}
@-webkit-keyframes ring {
0% { -webkit-transform: rotateZ(0); }
1%, 9% { -webkit-transform: rotateZ(30deg); }
3% { -webkit-transform: rotateZ(-28deg); }
5% { -webkit-transform: rotateZ(34deg); }
7% { -webkit-transform: rotateZ(-32deg); }
11% { -webkit-transform: rotateZ(-28deg); }
13% { -webkit-transform: rotateZ(26deg); }
15% { -webkit-transform: rotateZ(-24deg); }
17% { -webkit-transform: rotateZ(22deg); }
19% { -webkit-transform: rotateZ(-20deg); }
21% { -webkit-transform: rotateZ(18deg); }
23% { -webkit-transform: rotateZ(-16deg); }
25% { -webkit-transform: rotateZ(14deg); }
27% { -webkit-transform: rotateZ(-12deg); }
29% { -webkit-transform: rotateZ(10deg); }
31% { -webkit-transform: rotateZ(-8deg); }
33% { -webkit-transform: rotateZ(6deg); }
35% { -webkit-transform: rotateZ(-4deg); }
37% { -webkit-transform: rotateZ(2deg); }
39% { -webkit-transform: rotateZ(-1deg); }
41% { -webkit-transform: rotateZ(1deg); }
43% { -webkit-transform: rotateZ(0); }
100% { -webkit-transform: rotateZ(0); }
}
@-moz-keyframes ring {
0% { -moz-transform: rotate(0); }
1%, 9% { -moz-transform: rotate(30deg); }
3% { -moz-transform: rotate(-28deg); }
5% { -moz-transform: rotate(34deg); }
7% { -moz-transform: rotate(-32deg); }
11% { -moz-transform: rotate(-28deg); }
13% { -moz-transform: rotate(26deg); }
15% { -moz-transform: rotate(-24deg); }
17% { -moz-transform: rotate(22deg); }
19% { -moz-transform: rotate(-20deg); }
21% { -moz-transform: rotate(18deg); }
23% { -moz-transform: rotate(-16deg); }
25% { -moz-transform: rotate(14deg); }
27% { -moz-transform: rotate(-12deg); }
29% { -moz-transform: rotate(10deg); }
31% { -moz-transform: rotate(-8deg); }
33% { -moz-transform: rotate(6deg); }
35% { -moz-transform: rotate(-4deg); }
37% { -moz-transform: rotate(2deg); }
39% { -moz-transform: rotate(-1deg); }
41% { -moz-transform: rotate(1deg); }
43% { -moz-transform: rotate(0); }
100% { -moz-transform: rotate(0); }
}
@keyframes ring {
0% { transform: rotate(0); }
1%, 9% { transform: rotate(30deg); }
3% { transform: rotate(-28deg); }
5% { transform: rotate(34deg); }
7% { transform: rotate(-32deg); }
9% { transform: rotate(30deg); }
11% { transform: rotate(-28deg); }
13% { transform: rotate(26deg); }
15% { transform: rotate(-24deg); }
17% { transform: rotate(22deg); }
19% { transform: rotate(-20deg); }
21% { transform: rotate(18deg); }
23% { transform: rotate(-16deg); }
25% { transform: rotate(14deg); }
27% { transform: rotate(-12deg); }
29% { transform: rotate(10deg); }
31% { transform: rotate(-8deg); }
33% { transform: rotate(6deg); }
35% { transform: rotate(-4deg); }
37% { transform: rotate(2deg); }
39% { transform: rotate(-1deg); }
41% { transform: rotate(1deg); }
43% { transform: rotate(0); }
100% { transform: rotate(0); }
</style>
<div style="padding: 0px;">
<img class="st1" src="http://lovitour.com.ua/img/newyear/b-ball_n4.png" style="position:fixed; top: 0px;right:310px;border:none;z-index:5;"/></div>
<img class="st2" src="http://lovitour.com.ua/img/newyear/b-ball_n3.png" style="position:fixed; top: 0px;right:920px;border:none;z-index:5;"/>
<img class="st1" src="http://lovitour.com.ua/img/newyear/b-ball_n2.png" style="position:fixed; top: 0px;right:770px;border:none;z-index:7;"/>
<img class="st" src="http://lovitour.com.ua/img/newyear/b-ball_n3.png" style="position:fixed; top: 0px;right:620px;border:none;z-index:9;"/>
<img class="st" src="http://lovitour.com.ua/img/newyear/b-ball_n2.png" style="position:fixed; top: 0px;right:470px;border:none;z-index:9;"/>
<img class="st2" src="http://lovitour.com.ua/img/newyear/b-ball_n3.png" style="position:fixed; top: 0px;right:170px;border:none;z-index:9;"/>
<img src="http://lovitour.com.ua/img/newyear/christmas-icon.png" style="position:fixed; top: 0px;left:0px;border:none;z-index:9;"width="140"/>
<img src="http://lovitour.com.ua/img/newyear/212012.png" style="position:fixed; top: 0px;right:0px;border:none;z-index:5;"/>
<img src="http://lovitour.com.ua/img/newyear/b-head-decor_newyear.png" style="position:fixed; top: 0px;right:0px;border:none;z-index:1;"/>
<img src="http://lovitour.com.ua/img/newyear/b-head-decor_newyear.png" style="position:fixed; top: 0px;right:210px;border:none;z-index:5;"/>
<img src="http://lovitour.com.ua/img/newyear/b-head-decor_newyear.png" style="position:fixed; top: 0px;right:510px;border:none;z-index:5;"/>
<img src="http://lovitour.com.ua/img/newyear/b-head-decor_newyear.png" style="position:fixed; top: 0px;right:810px;border:none;z-index:5;"/>
<img src="http://lovitour.com.ua/img/newyear/b-head-decor_newyear.png" style="position:fixed; top: 0px;right:1110px;border:none;z-index:5;"/>
Я почти был уверен, что опубликовал лучшие украшения Рунета к Новому году, на Блогспот, Блоггер:
Но заглянув на блог:
http://delitant.ru/wordpress/kak-ukrasit-sajt-k-novomu-godu-2-krasivaya-girlyanda.html
мне захотелось, установить такую же гирлянду у себя.
Беда заключалась в том, что мануал автора очень сложный и мне пришлось, все переделывать на свой лад! От начального варианта остались только картинки.
Беда заключалась в том, что мануал автора очень сложный и мне пришлось, все переделывать на свой лад! От начального варианта остались только картинки.

Добавил колокольчики по бокам, а вот шариков стало меньше. Из за них, слишком большой код получается.
Устанавливается гирлянда очень просто.
Дизайн - Добавить гаджет - HTML/JavaScript вставляется следующее:
Дизайн - Добавить гаджет - HTML/JavaScript вставляется следующее:
.st2 {
border:3px solid #BBBBBB;opacity: 2.1;
-webkit-animation: ring 18s 19s ease-in-out infinite;
-webkit-transform-origin: 50% 14px;
-moz-animation: ring 18s 19s ease-in-out infinite;
-moz-transform-origin: 50% 14px;
animation: ring 18s 19s ease-in-out infinite;
transform-origin: 50% 14px;
}
@-webkit-keyframes ring {
0% { -webkit-transform: rotateZ(0); }
1%, 9% { -webkit-transform: rotateZ(30deg); }
3% { -webkit-transform: rotateZ(-28deg); }
5% { -webkit-transform: rotateZ(34deg); }
7% { -webkit-transform: rotateZ(-32deg); }
11% { -webkit-transform: rotateZ(-28deg); }
13% { -webkit-transform: rotateZ(26deg); }
15% { -webkit-transform: rotateZ(-24deg); }
17% { -webkit-transform: rotateZ(22deg); }
19% { -webkit-transform: rotateZ(-20deg); }
21% { -webkit-transform: rotateZ(18deg); }
23% { -webkit-transform: rotateZ(-16deg); }
25% { -webkit-transform: rotateZ(14deg); }
27% { -webkit-transform: rotateZ(-12deg); }
29% { -webkit-transform: rotateZ(10deg); }
31% { -webkit-transform: rotateZ(-8deg); }
33% { -webkit-transform: rotateZ(6deg); }
35% { -webkit-transform: rotateZ(-4deg); }
37% { -webkit-transform: rotateZ(2deg); }
39% { -webkit-transform: rotateZ(-1deg); }
41% { -webkit-transform: rotateZ(1deg); }
43% { -webkit-transform: rotateZ(0); }
100% { -webkit-transform: rotateZ(0); }
}
@-moz-keyframes ring {
0% { -moz-transform: rotate(0); }
1%, 9% { -moz-transform: rotate(30deg); }
3% { -moz-transform: rotate(-28deg); }
5% { -moz-transform: rotate(34deg); }
7% { -moz-transform: rotate(-32deg); }
11% { -moz-transform: rotate(-28deg); }
13% { -moz-transform: rotate(26deg); }
15% { -moz-transform: rotate(-24deg); }
17% { -moz-transform: rotate(22deg); }
19% { -moz-transform: rotate(-20deg); }
21% { -moz-transform: rotate(18deg); }
23% { -moz-transform: rotate(-16deg); }
25% { -moz-transform: rotate(14deg); }
27% { -moz-transform: rotate(-12deg); }
29% { -moz-transform: rotate(10deg); }
31% { -moz-transform: rotate(-8deg); }
33% { -moz-transform: rotate(6deg); }
35% { -moz-transform: rotate(-4deg); }
37% { -moz-transform: rotate(2deg); }
39% { -moz-transform: rotate(-1deg); }
41% { -moz-transform: rotate(1deg); }
43% { -moz-transform: rotate(0); }
100% { -moz-transform: rotate(0); }
}
@keyframes ring {
0% { transform: rotate(0); }
1%, 9% { transform: rotate(30deg); }
3% { transform: rotate(-28deg); }
5% { transform: rotate(34deg); }
7% { transform: rotate(-32deg); }
9% { transform: rotate(30deg); }
11% { transform: rotate(-28deg); }
13% { transform: rotate(26deg); }
15% { transform: rotate(-24deg); }
17% { transform: rotate(22deg); }
19% { transform: rotate(-20deg); }
21% { transform: rotate(18deg); }
23% { transform: rotate(-16deg); }
25% { transform: rotate(14deg); }
27% { transform: rotate(-12deg); }
29% { transform: rotate(10deg); }
31% { transform: rotate(-8deg); }
33% { transform: rotate(6deg); }
35% { transform: rotate(-4deg); }
37% { transform: rotate(2deg); }
39% { transform: rotate(-1deg); }
41% { transform: rotate(1deg); }
43% { transform: rotate(0); }
100% { transform: rotate(0); }
</style>
<div style="padding: 0px;">
<img class="st2" src="http://lovitour.com.ua/img/newyear/b-ball_n2.png" style="position:fixed; top: 0px;left:130px;border:none;z-index:9;"/></div><style type="text/css">
.st1 {
border:3px solid #BBBBBB;opacity: 2.1;
-webkit-animation: ring 20s 19s ease-in-out infinite;
-webkit-transform-origin: 50% 14px;
-moz-animation: ring 20s 19s ease-in-out infinite;
-moz-transform-origin: 50% 14px;
animation: ring 20s 19s ease-in-out infinite;
transform-origin: 50% 14px;
}
@-webkit-keyframes ring {
0% { -webkit-transform: rotateZ(0); }
1%, 9% { -webkit-transform: rotateZ(30deg); }
3% { -webkit-transform: rotateZ(-28deg); }
5% { -webkit-transform: rotateZ(34deg); }
7% { -webkit-transform: rotateZ(-32deg); }
11% { -webkit-transform: rotateZ(-28deg); }
13% { -webkit-transform: rotateZ(26deg); }
15% { -webkit-transform: rotateZ(-24deg); }
17% { -webkit-transform: rotateZ(22deg); }
19% { -webkit-transform: rotateZ(-20deg); }
21% { -webkit-transform: rotateZ(18deg); }
23% { -webkit-transform: rotateZ(-16deg); }
25% { -webkit-transform: rotateZ(14deg); }
27% { -webkit-transform: rotateZ(-12deg); }
29% { -webkit-transform: rotateZ(10deg); }
31% { -webkit-transform: rotateZ(-8deg); }
33% { -webkit-transform: rotateZ(6deg); }
35% { -webkit-transform: rotateZ(-4deg); }
37% { -webkit-transform: rotateZ(2deg); }
39% { -webkit-transform: rotateZ(-1deg); }
41% { -webkit-transform: rotateZ(1deg); }
43% { -webkit-transform: rotateZ(0); }
100% { -webkit-transform: rotateZ(0); }
}
@-moz-keyframes ring {
0% { -moz-transform: rotate(0); }
1%, 9% { -moz-transform: rotate(30deg); }
3% { -moz-transform: rotate(-28deg); }
5% { -moz-transform: rotate(34deg); }
7% { -moz-transform: rotate(-32deg); }
11% { -moz-transform: rotate(-28deg); }
13% { -moz-transform: rotate(26deg); }
15% { -moz-transform: rotate(-24deg); }
17% { -moz-transform: rotate(22deg); }
19% { -moz-transform: rotate(-20deg); }
21% { -moz-transform: rotate(18deg); }
23% { -moz-transform: rotate(-16deg); }
25% { -moz-transform: rotate(14deg); }
27% { -moz-transform: rotate(-12deg); }
29% { -moz-transform: rotate(10deg); }
31% { -moz-transform: rotate(-8deg); }
33% { -moz-transform: rotate(6deg); }
35% { -moz-transform: rotate(-4deg); }
37% { -moz-transform: rotate(2deg); }
39% { -moz-transform: rotate(-1deg); }
41% { -moz-transform: rotate(1deg); }
43% { -moz-transform: rotate(0); }
100% { -moz-transform: rotate(0); }
}
@keyframes ring {
0% { transform: rotate(0); }
1%, 9% { transform: rotate(30deg); }
3% { transform: rotate(-28deg); }
5% { transform: rotate(34deg); }
7% { transform: rotate(-32deg); }
9% { transform: rotate(30deg); }
11% { transform: rotate(-28deg); }
13% { transform: rotate(26deg); }
15% { transform: rotate(-24deg); }
17% { transform: rotate(22deg); }
19% { transform: rotate(-20deg); }
21% { transform: rotate(18deg); }
23% { transform: rotate(-16deg); }
25% { transform: rotate(14deg); }
27% { transform: rotate(-12deg); }
29% { transform: rotate(10deg); }
31% { transform: rotate(-8deg); }
33% { transform: rotate(6deg); }
35% { transform: rotate(-4deg); }
37% { transform: rotate(2deg); }
39% { transform: rotate(-1deg); }
41% { transform: rotate(1deg); }
43% { transform: rotate(0); }
100% { transform: rotate(0); }
</style>
<div style="padding: 0px;">
<img class="st1" src="http://lovitour.com.ua/img/newyear/b-ball_n4.png" style="position:fixed; top: 0px;left:250px;border:none;z-index:6;"/></div><style type="text/css">
.st {
border:3px solid #BBBBBB;opacity: 2.1;
-webkit-animation: ring 19s 19s ease-in-out infinite;
-webkit-transform-origin: 50% 14px;
-moz-animation: ring 19s 19s ease-in-out infinite;
-moz-transform-origin: 50% 14px;
animation: ring 19s 19s ease-in-out infinite;
transform-origin: 50% 14px;
}
@-webkit-keyframes ring {
0% { -webkit-transform: rotateZ(0); }
1%, 9% { -webkit-transform: rotateZ(30deg); }
3% { -webkit-transform: rotateZ(-28deg); }
5% { -webkit-transform: rotateZ(34deg); }
7% { -webkit-transform: rotateZ(-32deg); }
11% { -webkit-transform: rotateZ(-28deg); }
13% { -webkit-transform: rotateZ(26deg); }
15% { -webkit-transform: rotateZ(-24deg); }
17% { -webkit-transform: rotateZ(22deg); }
19% { -webkit-transform: rotateZ(-20deg); }
21% { -webkit-transform: rotateZ(18deg); }
23% { -webkit-transform: rotateZ(-16deg); }
25% { -webkit-transform: rotateZ(14deg); }
27% { -webkit-transform: rotateZ(-12deg); }
29% { -webkit-transform: rotateZ(10deg); }
31% { -webkit-transform: rotateZ(-8deg); }
33% { -webkit-transform: rotateZ(6deg); }
35% { -webkit-transform: rotateZ(-4deg); }
37% { -webkit-transform: rotateZ(2deg); }
39% { -webkit-transform: rotateZ(-1deg); }
41% { -webkit-transform: rotateZ(1deg); }
43% { -webkit-transform: rotateZ(0); }
100% { -webkit-transform: rotateZ(0); }
}
@-moz-keyframes ring {
0% { -moz-transform: rotate(0); }
1%, 9% { -moz-transform: rotate(30deg); }
3% { -moz-transform: rotate(-28deg); }
5% { -moz-transform: rotate(34deg); }
7% { -moz-transform: rotate(-32deg); }
11% { -moz-transform: rotate(-28deg); }
13% { -moz-transform: rotate(26deg); }
15% { -moz-transform: rotate(-24deg); }
17% { -moz-transform: rotate(22deg); }
19% { -moz-transform: rotate(-20deg); }
21% { -moz-transform: rotate(18deg); }
23% { -moz-transform: rotate(-16deg); }
25% { -moz-transform: rotate(14deg); }
27% { -moz-transform: rotate(-12deg); }
29% { -moz-transform: rotate(10deg); }
31% { -moz-transform: rotate(-8deg); }
33% { -moz-transform: rotate(6deg); }
35% { -moz-transform: rotate(-4deg); }
37% { -moz-transform: rotate(2deg); }
39% { -moz-transform: rotate(-1deg); }
41% { -moz-transform: rotate(1deg); }
43% { -moz-transform: rotate(0); }
100% { -moz-transform: rotate(0); }
}
@keyframes ring {
0% { transform: rotate(0); }
1%, 9% { transform: rotate(30deg); }
3% { transform: rotate(-28deg); }
5% { transform: rotate(34deg); }
7% { transform: rotate(-32deg); }
9% { transform: rotate(30deg); }
11% { transform: rotate(-28deg); }
13% { transform: rotate(26deg); }
15% { transform: rotate(-24deg); }
17% { transform: rotate(22deg); }
19% { transform: rotate(-20deg); }
21% { transform: rotate(18deg); }
23% { transform: rotate(-16deg); }
25% { transform: rotate(14deg); }
27% { transform: rotate(-12deg); }
29% { transform: rotate(10deg); }
31% { transform: rotate(-8deg); }
33% { transform: rotate(6deg); }
35% { transform: rotate(-4deg); }
37% { transform: rotate(2deg); }
39% { transform: rotate(-1deg); }
41% { transform: rotate(1deg); }
43% { transform: rotate(0); }
100% { transform: rotate(0); }
</style>
<div style="padding: 0px;">
<img class="st1" src="http://lovitour.com.ua/img/newyear/b-ball_n4.png" style="position:fixed; top: 0px;right:310px;border:none;z-index:5;"/></div>
<img class="st2" src="http://lovitour.com.ua/img/newyear/b-ball_n3.png" style="position:fixed; top: 0px;right:920px;border:none;z-index:5;"/>
<img class="st1" src="http://lovitour.com.ua/img/newyear/b-ball_n2.png" style="position:fixed; top: 0px;right:770px;border:none;z-index:7;"/>
<img class="st" src="http://lovitour.com.ua/img/newyear/b-ball_n3.png" style="position:fixed; top: 0px;right:620px;border:none;z-index:9;"/>
<img class="st" src="http://lovitour.com.ua/img/newyear/b-ball_n2.png" style="position:fixed; top: 0px;right:470px;border:none;z-index:9;"/>
<img class="st2" src="http://lovitour.com.ua/img/newyear/b-ball_n3.png" style="position:fixed; top: 0px;right:170px;border:none;z-index:9;"/>
<img src="http://lovitour.com.ua/img/newyear/christmas-icon.png" style="position:fixed; top: 0px;left:0px;border:none;z-index:9;"width="140"/>
<img src="http://lovitour.com.ua/img/newyear/212012.png" style="position:fixed; top: 0px;right:0px;border:none;z-index:5;"/>
<img src="http://lovitour.com.ua/img/newyear/b-head-decor_newyear.png" style="position:fixed; top: 0px;right:0px;border:none;z-index:1;"/>
<img src="http://lovitour.com.ua/img/newyear/b-head-decor_newyear.png" style="position:fixed; top: 0px;right:210px;border:none;z-index:5;"/>
<img src="http://lovitour.com.ua/img/newyear/b-head-decor_newyear.png" style="position:fixed; top: 0px;right:510px;border:none;z-index:5;"/>
<img src="http://lovitour.com.ua/img/newyear/b-head-decor_newyear.png" style="position:fixed; top: 0px;right:810px;border:none;z-index:5;"/>
<img src="http://lovitour.com.ua/img/newyear/b-head-decor_newyear.png" style="position:fixed; top: 0px;right:1110px;border:none;z-index:5;"/>
© blogodel.com
Не надо боятся, что код очень большой. Как видите, у меня все работает!
97 коммент.:
https://www.blogger.com/profile/11360000502615218122
https://www.blogger.com/profile/05164203846849848409
https://www.blogger.com/profile/14291483705699711579
Нажала на кнопку Google+
С уважением, Ольга
https://www.blogger.com/profile/10631575525972186871
http://wwwdomovenok.blogspot.ru/
https://www.blogger.com/profile/03679367257783863551
http://zaikina-izbushka.blogspot.ru/
https://www.blogger.com/profile/05871157539142118170
https://www.blogger.com/profile/15413119409916408041
http://dadasiki.blogspot.com/
http://www.blogger.com/profile/14662100767269394549
https://www.blogger.com/profile/14662100767269394549
https://www.blogger.com/profile/07632547658578789599
https://www.blogger.com/profile/10564642551295024106
https://www.blogger.com/profile/13746790384341325111
https://www.blogger.com/profile/00171937817521293189
https://www.blogger.com/profile/13746790384341325111
Однако, буду к вам заглядывать и делиться с друзьями в социальных сетях. Реально тут у вас много полезного.
[im]http://s017.radikal.ru/i404/1210/fc/dec417a7db2f.gif[/im]
https://www.blogger.com/profile/12324094825656273427
https://www.blogger.com/profile/12324094825656273427
Нажала на Гугл+.
https://www.blogger.com/profile/08726457423694510321
https://www.blogger.com/profile/16417890556090789289
https://www.blogger.com/profile/15970025739628617999
https://www.blogger.com/profile/13746790384341325111
https://www.blogger.com/profile/01178888016756263725
http://forum-people.ru/
https://www.blogger.com/profile/09407432301957245991
https://www.blogger.com/profile/09407432301957245991
(Какой я современный!!!!)http://lh4.ggpht.com/_u4rBCfM4eII/TLlcUwj7HxI/AAAAAAAAAKc/jSpVaYr8_6A/bloggertricksandtoolz.blogspot (19).gif
https://www.blogger.com/profile/16693237070535707165
https://www.blogger.com/profile/09865950754952344528
ТЕПЕРЬ БЫ ЕЩЕ ДОБИТЬСЯ В ШАПКЕ СЛАЙДШОУ!
https://www.blogger.com/profile/04422214255958505740
https://www.blogger.com/profile/08841433010272698524
https://www.blogger.com/profile/16230924372211734076
http://grikot.blogspot.ru/
https://www.blogger.com/profile/08735713880985819829
https://www.blogger.com/profile/15853061077235931672
https://www.blogger.com/profile/00114928815528742437
<img src="https://lh6.googleusercontent.com/-5R7C9LMfqKY/Txo_0iOthMI/AAAAAAAAELw/rzmYWYHYXBs/w189-h197-k/christmas-icon.png " style="positionixed; top: 0px;left:0px;borderone;z-index:9;"width="140"/><img src="https://lh4.googleusercontent.com/-PbiGUGyANAs/Txo_yfoVXSE/AAAAAAAAELw/cZylwGVCEuw/s145-c/212012 " style="positionixed; top: 0px;right:0px;borderone;z-index:5;"/>
https://www.blogger.com/profile/13746790384341325111
https://www.blogger.com/profile/00114928815528742437
http://subbi4ek.blogspot.com/
ВАШ, то там ничего из кода не убрано! Попробуйте скопировать код, занесите его в редактор:
http://www.timsfreestuff.com/HTMLEditor/
в этом редакторе уберите код колокольчиков. Вы сразу увидите изменения. Изменённый код разместите на вашем блоге!
Что бы было легче найти, я специально выделил код колокольчиков в опубликованном в статье коде - желтым маркером!
https://www.blogger.com/profile/13746790384341325111
https://www.blogger.com/profile/00114928815528742437
https://www.blogger.com/profile/12621781197407159265
https://www.blogger.com/profile/01559909081181621469
https://www.blogger.com/profile/01559909081181621469
https://www.blogger.com/profile/13746790384341325111
https://www.blogger.com/profile/00629946024000235619
"заглянув на блог:
http://delitant.ru/wordpress/kak-ukrasit-sajt-k-novomu-godu-2-krasivaya-girlyanda.html
мне захотелось, установить такую же гирлянду у себя.
Беда заключалась в том, что мануал автора очень сложный и мне пришлось, все переделывать на свой лад! От начального варианта остались только картинки."
https://www.blogger.com/profile/13746790384341325111
https://www.blogger.com/profile/10386165722795359274
https://www.blogger.com/profile/10622106731137601211
http://elenaskycanada.blogspot.ca/
https://www.blogger.com/profile/17189814025768882560
https://www.blogger.com/profile/12195779234369508366
https://www.blogger.com/profile/14221229880398125605
https://www.blogger.com/profile/02878664688339829566
https://www.blogger.com/profile/17739280076875711323
https://www.blogger.com/profile/06127027148265191573
https://www.blogger.com/profile/12950767589992555224
https://www.blogger.com/profile/06154374251980901030
Спасибо, с праздниками вас...
https://www.blogger.com/profile/00056077849840177938
https://www.blogger.com/profile/02411181531550946852
https://www.blogger.com/profile/13746790384341325111
https://www.blogger.com/profile/02411181531550946852
https://www.blogger.com/profile/02411181531550946852
С Новым годом.
https://www.blogger.com/profile/00056077849840177938
https://www.blogger.com/profile/04662668244539589373
http://emelika.blogspot.com/
Спасибо Вам, Justus, огромное!
https://www.blogger.com/profile/05982417266523921320
Ещё раз ОГРОМНОЕ Вам СПАСИБО,Justus !!!
https://www.blogger.com/profile/05982417266523921320
https://www.blogger.com/profile/04969712913211959393
https://www.blogger.com/profile/14240716692932974312
https://www.blogger.com/profile/08541180880846290169
http://blogodel.com/2014/12/Zvenjashhiie-shariki-pri-navedenii-kursora-na-novogodnej-girljande-blogspot.html
https://www.blogger.com/profile/13746790384341325111
https://www.blogger.com/profile/04801767976716784965
http://blogodel.com/2014/12/Zvenjashhiie-shariki-pri-navedenii-kursora-na-novogodnej-girljande-blogspot.html
https://www.blogger.com/profile/13746790384341325111
https://www.blogger.com/profile/04116428594691190896
https://www.blogger.com/profile/07218916007006025763
https://www.blogger.com/profile/11483008879976179573
https://www.blogger.com/profile/14898432100998889417
https://www.blogger.com/profile/13833831394313405006
https://www.blogger.com/profile/13833831394313405006
https://www.blogger.com/profile/10535829200979943462
http://blogodel.com/2014/12/Zvenjashhiie-shariki-pri-navedenii-kursora-na-novogodnej-girljande-blogspot.html
https://www.blogger.com/profile/13746790384341325111
https://www.blogger.com/profile/10535829200979943462
https://www.blogger.com/profile/10535829200979943462
https://www.blogger.com/profile/10535829200979943462
https://www.blogger.com/profile/13826636169378335133
https://www.blogger.com/profile/13826636169378335133
https://www.blogger.com/profile/05329091710761882172
https://www.blogger.com/profile/03160841778185505828
Спасибо большое!
Я установила "Снежинки". Красиво!
http://olnika.blogspot.ru/
https://www.blogger.com/profile/03371382800959057569
С уважением, Алла.
P.S. Кнопками в соц сетях поделилась!
https://www.blogger.com/profile/17111562328703313712
С уважением, Алла.
https://www.blogger.com/profile/17111562328703313712
https://www.blogger.com/profile/01176944908964872122
https://www.blogger.com/profile/01176944908964872122
https://www.blogger.com/profile/01176944908964872122
https://www.blogger.com/profile/15971237821398761986
https://www.blogger.com/profile/03626260280761766158
Отправка комментария
Дорогие Друзья! К сожалению, по причине здоровья, моя активность по этому блогу будет осуществляться по мере ВОЗМОЖНОСТИ!