Дорогие мои друзья, читатели и гости блога. Сегодняшним постом я заканчиваю тему Новогодних украшений блога. Времени у нас до встречи 2015 года осталось совсем немного. Так что если вы ещё не решили как поздравить своих посетителей, надеюсь, что этот вариант придётся вам по душе.
Ведь впереди не только Новый Год, но и Рождество. Поэтому предлагаю вам сначала посмотреть о чём идёт речь и заглянуть сюда. И падающие снежинки, и колокольчики, и праздничный фон.
А теперь, как сделать красивый Новогодний пейзаж у себя в блоге.
Всё, как всегда просто. Панель администратора, вкладка дизайн, добавить гаджет, выбрать HTML/JavaScript и вставить туда код, который приведён ниже.
После установки кода не забудьте сохранить гаджет и запомнить где вы его установили.
И ещё один код Новогодняя гирлянда, которая расположена в самом верху блога.
Очень интересно смотрится, когда при наведении курсора шарики начинают раскачиваться. Посмотрите сами на эту красоту на тестовом блоге.
Вот код. Вставляем также через гаджет HTML/JavaScript.
Украшайте свои блоги, всем предпраздничного настроения и приятной Новогодней суеты!
Ведь впереди не только Новый Год, но и Рождество. Поэтому предлагаю вам сначала посмотреть о чём идёт речь и заглянуть сюда. И падающие снежинки, и колокольчики, и праздничный фон.
А теперь, как сделать красивый Новогодний пейзаж у себя в блоге.
Всё, как всегда просто. Панель администратора, вкладка дизайн, добавить гаджет, выбрать HTML/JavaScript и вставить туда код, который приведён ниже.
<script type='text/javascript'>
//<![CDATA[
document.write('<style type="text/css">html{height:auto!important}body{background:#f5465a;padding-bottom:150px}</style><img style="position:fixed;z-index:9999;top:0;left:0" src="https://lh6.googleusercontent.com/-c8CoUvCourw/UMcWWTeBE-I/AAAAAAAABcU/q-j9X7733zw/s150/top-left.png"/><img style="position:fixed;z-index:9999;top:0;right:0" src="https://lh5.googleusercontent.com/-JABklf9ModU/UMcWWzSSJ4I/AAAAAAAABcY/g4sZMhrgjXU/s150/top-right.png"/><div style="position:fixed;z-index:9999;bottom:0;left:0;width:100%;height:104px;background:url(https://lh6.googleusercontent.com/-kph53UsoxM4/UMczVhTsCVI/AAAAAAAABcs/DVTyvtz7blc/s1600/footer.png) repeat-x bottom left;"></div><img style="position:fixed;z-index:9999;bottom:30px;left:30px" src="https://lh4.googleusercontent.com/-mEgGUg-ou4k/UMcz0qy2NhI/AAAAAAAABc0/gF1uW4iE6y0/s180/bottom-left.png"/>');var no=100;var hidesnowtime=0;var snowdistance='pageheight';var ie4up=(document.all)?1:0;var ns6up=(document.getElementById&&!document.all)?1:0;function iecompattest(){return(document.compatMode&&document.compatMode!='BackCompat')?document.documentElement:document.body}var dx,xp,yp;var am,stx,sty;var i,doc_width=800,doc_height=600;if(ns6up){doc_width=self.innerWidth;doc_height=self.innerHeight}else if(ie4up){doc_width=iecompattest().clientWidth;doc_height=iecompattest().clientHeight}dx=new Array();xp=new Array();yp=new Array();am=new Array();stx=new Array();sty=new Array();for(i=0;i<no;++i){dx[i]=0;xp[i]=Math.random()*(doc_width-50);yp[i]=Math.random()*doc_height;am[i]=Math.random()*20;stx[i]=0.02+Math.random()/10; sty[i]=0.7+Math.random();if(ie4up||ns6up){document.write('<div id="dot'+i+'" style="POSITION:absolute;Z-INDEX:'+i+';VISIBILITY:visible;TOP:15px;LEFT:15px;"><span style="font-size:18px;color:#fff">*</span><\/div>')}}function snowIE_NS6(){doc_width=ns6up?window.innerWidth-10:iecompattest().clientWidth-10;doc_height=(window.innerHeight&&snowdistance=='windowheight')?window.innerHeight:(ie4up&&snowdistance=='windowheight')?iecompattest().clientHeight:(ie4up&&!window.opera&&snowdistance=='pageheight')?iecompattest().scrollHeight:iecompattest().offsetHeight;for(i=0;i<no;++i){yp[i]+=sty[i];if(yp[i]>doc_height-50){xp[i]=Math.random()*(doc_width-am[i]-30);yp[i]=0;stx[i]=0.02+Math.random()/10;sty[i]=0.7+Math.random()}dx[i]+=stx[i];document.getElementById('dot'+i).style.top=yp[i]+'px';document.getElementById('dot'+i).style.left=xp[i]+am[i]*Math.sin(dx[i])+'px'}snowtimer=setTimeout('snowIE_NS6()',10)}function hidesnow(){if(window.snowtimer){clearTimeout(snowtimer)}for(i=0;i<no;i++)document.getElementById('dot'+i).style.visibility='hidden'}if(ie4up||ns6up){snowIE_NS6();if(hidesnowtime>0)setTimeout('hidesnow()',hidesnowtime*1000)}
//]]>
</script>
//<![CDATA[
document.write('<style type="text/css">html{height:auto!important}body{background:#f5465a;padding-bottom:150px}</style><img style="position:fixed;z-index:9999;top:0;left:0" src="https://lh6.googleusercontent.com/-c8CoUvCourw/UMcWWTeBE-I/AAAAAAAABcU/q-j9X7733zw/s150/top-left.png"/><img style="position:fixed;z-index:9999;top:0;right:0" src="https://lh5.googleusercontent.com/-JABklf9ModU/UMcWWzSSJ4I/AAAAAAAABcY/g4sZMhrgjXU/s150/top-right.png"/><div style="position:fixed;z-index:9999;bottom:0;left:0;width:100%;height:104px;background:url(https://lh6.googleusercontent.com/-kph53UsoxM4/UMczVhTsCVI/AAAAAAAABcs/DVTyvtz7blc/s1600/footer.png) repeat-x bottom left;"></div><img style="position:fixed;z-index:9999;bottom:30px;left:30px" src="https://lh4.googleusercontent.com/-mEgGUg-ou4k/UMcz0qy2NhI/AAAAAAAABc0/gF1uW4iE6y0/s180/bottom-left.png"/>');var no=100;var hidesnowtime=0;var snowdistance='pageheight';var ie4up=(document.all)?1:0;var ns6up=(document.getElementById&&!document.all)?1:0;function iecompattest(){return(document.compatMode&&document.compatMode!='BackCompat')?document.documentElement:document.body}var dx,xp,yp;var am,stx,sty;var i,doc_width=800,doc_height=600;if(ns6up){doc_width=self.innerWidth;doc_height=self.innerHeight}else if(ie4up){doc_width=iecompattest().clientWidth;doc_height=iecompattest().clientHeight}dx=new Array();xp=new Array();yp=new Array();am=new Array();stx=new Array();sty=new Array();for(i=0;i<no;++i){dx[i]=0;xp[i]=Math.random()*(doc_width-50);yp[i]=Math.random()*doc_height;am[i]=Math.random()*20;stx[i]=0.02+Math.random()/10; sty[i]=0.7+Math.random();if(ie4up||ns6up){document.write('<div id="dot'+i+'" style="POSITION:absolute;Z-INDEX:'+i+';VISIBILITY:visible;TOP:15px;LEFT:15px;"><span style="font-size:18px;color:#fff">*</span><\/div>')}}function snowIE_NS6(){doc_width=ns6up?window.innerWidth-10:iecompattest().clientWidth-10;doc_height=(window.innerHeight&&snowdistance=='windowheight')?window.innerHeight:(ie4up&&snowdistance=='windowheight')?iecompattest().clientHeight:(ie4up&&!window.opera&&snowdistance=='pageheight')?iecompattest().scrollHeight:iecompattest().offsetHeight;for(i=0;i<no;++i){yp[i]+=sty[i];if(yp[i]>doc_height-50){xp[i]=Math.random()*(doc_width-am[i]-30);yp[i]=0;stx[i]=0.02+Math.random()/10;sty[i]=0.7+Math.random()}dx[i]+=stx[i];document.getElementById('dot'+i).style.top=yp[i]+'px';document.getElementById('dot'+i).style.left=xp[i]+am[i]*Math.sin(dx[i])+'px'}snowtimer=setTimeout('snowIE_NS6()',10)}function hidesnow(){if(window.snowtimer){clearTimeout(snowtimer)}for(i=0;i<no;i++)document.getElementById('dot'+i).style.visibility='hidden'}if(ie4up||ns6up){snowIE_NS6();if(hidesnowtime>0)setTimeout('hidesnow()',hidesnowtime*1000)}
//]]>
</script>
После установки кода не забудьте сохранить гаджет и запомнить где вы его установили.
И ещё один код Новогодняя гирлянда, которая расположена в самом верху блога.

Очень интересно смотрится, когда при наведении курсора шарики начинают раскачиваться. Посмотрите сами на эту красоту на тестовом блоге.
Вот код. Вставляем также через гаджет HTML/JavaScript.
<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='st1' src='http://lh6.googleusercontent.com/-h75wNyDw-1g/UrKW4ojh6xI/AAAAAAAAEik/a02NxeCukHw/s800/b-ball_n4.png' style='position:fixed; top: 0px;left:150px;border:none;z-index:10;'/>
<img class='st2' src='http://lh3.googleusercontent.com/-OeepEkZRQjk/UrKW4oJWhWI/AAAAAAAAEik/nacv8p7uYFM/s800/b-ball_n2.png' style='position:fixed; top: 0px;left:450px;border:none;z-index:11;'/>
<img class='st1' src='http://lh5.googleusercontent.com/-ETNwrljgt_Q/UrKW4gnA-HI/AAAAAAAAEik/TwexESF1TeM/s800/b-ball_n3.png' style='position:fixed; top: 0px;left:750px;border:none;z-index:10;'/>
<img class='st2' src='http://lh6.googleusercontent.com/-h75wNyDw-1g/UrKW4ojh6xI/AAAAAAAAEik/a02NxeCukHw/s800/b-ball_n4.png' style='position:fixed; top: 0px;left:1050px;border:none;z-index:11;'/>
<img class='st1' src='http://lh3.googleusercontent.com/-OeepEkZRQjk/UrKW4oJWhWI/AAAAAAAAEik/nacv8p7uYFM/s800/b-ball_n2.png' style='position:fixed; top: 0px;left:1350px;border:none;z-index:10;'/>
<img class='st2' src='http://lh5.googleusercontent.com/-ETNwrljgt_Q/UrKW4gnA-HI/AAAAAAAAEik/TwexESF1TeM/s800/b-ball_n3.png' style='position:fixed; top: 0px;left:1650px;border:none;z-index:11;'/>
<img class='st' src='http://lh3.googleusercontent.com/-OeepEkZRQjk/UrKW4oJWhWI/AAAAAAAAEik/nacv8p7uYFM/s800/b-ball_n2.png' style='position:fixed; top: 0px;left:1950px;border:none;z-index:11;'/>
</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='st' src='http://lh3.googleusercontent.com/-OeepEkZRQjk/UrKW4oJWhWI/AAAAAAAAEik/nacv8p7uYFM/s800/b-ball_n2.png' style='position:fixed; top: 0px;left:50px;border:none;z-index:11;'/>
<img class='st' src='http://lh5.googleusercontent.com/-ETNwrljgt_Q/UrKW4gnA-HI/AAAAAAAAEik/TwexESF1TeM/s800/b-ball_n3.png' style='position:fixed; top: 0px;left:300px;border:none;z-index:11;'/>
<img class='st2' src='http://lh6.googleusercontent.com/-h75wNyDw-1g/UrKW4ojh6xI/AAAAAAAAEik/a02NxeCukHw/s800/b-ball_n4.png' style='position:fixed; top: 0px;left:600px;border:none;z-index:11;'/>
<img class='st' src='http://lh3.googleusercontent.com/-OeepEkZRQjk/UrKW4oJWhWI/AAAAAAAAEik/nacv8p7uYFM/s800/b-ball_n2.png' style='position:fixed; top: 0px;left:900px;border:none;z-index:11;'/>
<img class='st2' src='http://lh5.googleusercontent.com/-ETNwrljgt_Q/UrKW4gnA-HI/AAAAAAAAEik/TwexESF1TeM/s800/b-ball_n3.png' style='position:fixed; top: 0px;left:1200px;border:none;z-index:11;'/>
<img class='st' src='http://lh6.googleusercontent.com/-h75wNyDw-1g/UrKW4ojh6xI/AAAAAAAAEik/a02NxeCukHw/s800/b-ball_n4.png' style='position:fixed; top: 0px;left:1500px;border:none;z-index:11;'/>
<img class='st2' src='http://lh3.googleusercontent.com/-OeepEkZRQjk/UrKW4oJWhWI/AAAAAAAAEik/nacv8p7uYFM/s800/b-ball_n2.png' style='position:fixed; top: 0px;left:1800px;border:none;z-index:11;'/>
</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 align='middle' src='http://lh3.googleusercontent.com/-XmCsazlH2HA/UrKRzc3bZ8I/AAAAAAAAEh4/IuZrFVSZHzc/s300/fon1.png' style='position:fixed; top: 0px;right:0px;border:none;z-index:1;'/>
<img align='middle' src='http://lh3.googleusercontent.com/-XmCsazlH2HA/UrKRzc3bZ8I/AAAAAAAAEh4/IuZrFVSZHzc/s300/fon1.png' style='position:fixed; top: 0px;right:250px;border:none;z-index:2;'/>
<img align='middle' src='http://lh3.googleusercontent.com/-XmCsazlH2HA/UrKRzc3bZ8I/AAAAAAAAEh4/IuZrFVSZHzc/s300/fon1.png' style='position:fixed; top: 0px;right:500px;border:none;z-index:3;'/>
<img align='middle' src='http://lh3.googleusercontent.com/-XmCsazlH2HA/UrKRzc3bZ8I/AAAAAAAAEh4/IuZrFVSZHzc/s300/fon1.png' style='position:fixed; top: 0px;right:750px;border:none;z-index:4;'/>
<img align='middle' src='http://lh3.googleusercontent.com/-XmCsazlH2HA/UrKRzc3bZ8I/AAAAAAAAEh4/IuZrFVSZHzc/s300/fon1.png' style='position:fixed; top: 0px;right:1000px;border:none;z-index:5;'/>
<img align='middle' src='http://lh3.googleusercontent.com/-XmCsazlH2HA/UrKRzc3bZ8I/AAAAAAAAEh4/IuZrFVSZHzc/s300/fon1.png' style='position:fixed; top: 0px;right:1250px;border:none;z-index:6;'/>
<img align='middle' src='http://lh3.googleusercontent.com/-XmCsazlH2HA/UrKRzc3bZ8I/AAAAAAAAEh4/IuZrFVSZHzc/s300/fon1.png' style='position:fixed; top: 0px;right:1500px;border:none;z-index:7;'/>
<img align='middle' src='http://lh3.googleusercontent.com/-XmCsazlH2HA/UrKRzc3bZ8I/AAAAAAAAEh4/IuZrFVSZHzc/s300/fon1.png' style='position:fixed; top: 0px;right:1750px;border:none;z-index:8;'/>
<img align='middle' src='http://lh3.googleusercontent.com/-XmCsazlH2HA/UrKRzc3bZ8I/AAAAAAAAEh4/IuZrFVSZHzc/s300/fon1.png' style='position:fixed; top: 0px;right:2000px;border:none;z-index:9;'/>
</div>
.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='st1' src='http://lh6.googleusercontent.com/-h75wNyDw-1g/UrKW4ojh6xI/AAAAAAAAEik/a02NxeCukHw/s800/b-ball_n4.png' style='position:fixed; top: 0px;left:150px;border:none;z-index:10;'/>
<img class='st2' src='http://lh3.googleusercontent.com/-OeepEkZRQjk/UrKW4oJWhWI/AAAAAAAAEik/nacv8p7uYFM/s800/b-ball_n2.png' style='position:fixed; top: 0px;left:450px;border:none;z-index:11;'/>
<img class='st1' src='http://lh5.googleusercontent.com/-ETNwrljgt_Q/UrKW4gnA-HI/AAAAAAAAEik/TwexESF1TeM/s800/b-ball_n3.png' style='position:fixed; top: 0px;left:750px;border:none;z-index:10;'/>
<img class='st2' src='http://lh6.googleusercontent.com/-h75wNyDw-1g/UrKW4ojh6xI/AAAAAAAAEik/a02NxeCukHw/s800/b-ball_n4.png' style='position:fixed; top: 0px;left:1050px;border:none;z-index:11;'/>
<img class='st1' src='http://lh3.googleusercontent.com/-OeepEkZRQjk/UrKW4oJWhWI/AAAAAAAAEik/nacv8p7uYFM/s800/b-ball_n2.png' style='position:fixed; top: 0px;left:1350px;border:none;z-index:10;'/>
<img class='st2' src='http://lh5.googleusercontent.com/-ETNwrljgt_Q/UrKW4gnA-HI/AAAAAAAAEik/TwexESF1TeM/s800/b-ball_n3.png' style='position:fixed; top: 0px;left:1650px;border:none;z-index:11;'/>
<img class='st' src='http://lh3.googleusercontent.com/-OeepEkZRQjk/UrKW4oJWhWI/AAAAAAAAEik/nacv8p7uYFM/s800/b-ball_n2.png' style='position:fixed; top: 0px;left:1950px;border:none;z-index:11;'/>
</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='st' src='http://lh3.googleusercontent.com/-OeepEkZRQjk/UrKW4oJWhWI/AAAAAAAAEik/nacv8p7uYFM/s800/b-ball_n2.png' style='position:fixed; top: 0px;left:50px;border:none;z-index:11;'/>
<img class='st' src='http://lh5.googleusercontent.com/-ETNwrljgt_Q/UrKW4gnA-HI/AAAAAAAAEik/TwexESF1TeM/s800/b-ball_n3.png' style='position:fixed; top: 0px;left:300px;border:none;z-index:11;'/>
<img class='st2' src='http://lh6.googleusercontent.com/-h75wNyDw-1g/UrKW4ojh6xI/AAAAAAAAEik/a02NxeCukHw/s800/b-ball_n4.png' style='position:fixed; top: 0px;left:600px;border:none;z-index:11;'/>
<img class='st' src='http://lh3.googleusercontent.com/-OeepEkZRQjk/UrKW4oJWhWI/AAAAAAAAEik/nacv8p7uYFM/s800/b-ball_n2.png' style='position:fixed; top: 0px;left:900px;border:none;z-index:11;'/>
<img class='st2' src='http://lh5.googleusercontent.com/-ETNwrljgt_Q/UrKW4gnA-HI/AAAAAAAAEik/TwexESF1TeM/s800/b-ball_n3.png' style='position:fixed; top: 0px;left:1200px;border:none;z-index:11;'/>
<img class='st' src='http://lh6.googleusercontent.com/-h75wNyDw-1g/UrKW4ojh6xI/AAAAAAAAEik/a02NxeCukHw/s800/b-ball_n4.png' style='position:fixed; top: 0px;left:1500px;border:none;z-index:11;'/>
<img class='st2' src='http://lh3.googleusercontent.com/-OeepEkZRQjk/UrKW4oJWhWI/AAAAAAAAEik/nacv8p7uYFM/s800/b-ball_n2.png' style='position:fixed; top: 0px;left:1800px;border:none;z-index:11;'/>
</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 align='middle' src='http://lh3.googleusercontent.com/-XmCsazlH2HA/UrKRzc3bZ8I/AAAAAAAAEh4/IuZrFVSZHzc/s300/fon1.png' style='position:fixed; top: 0px;right:0px;border:none;z-index:1;'/>
<img align='middle' src='http://lh3.googleusercontent.com/-XmCsazlH2HA/UrKRzc3bZ8I/AAAAAAAAEh4/IuZrFVSZHzc/s300/fon1.png' style='position:fixed; top: 0px;right:250px;border:none;z-index:2;'/>
<img align='middle' src='http://lh3.googleusercontent.com/-XmCsazlH2HA/UrKRzc3bZ8I/AAAAAAAAEh4/IuZrFVSZHzc/s300/fon1.png' style='position:fixed; top: 0px;right:500px;border:none;z-index:3;'/>
<img align='middle' src='http://lh3.googleusercontent.com/-XmCsazlH2HA/UrKRzc3bZ8I/AAAAAAAAEh4/IuZrFVSZHzc/s300/fon1.png' style='position:fixed; top: 0px;right:750px;border:none;z-index:4;'/>
<img align='middle' src='http://lh3.googleusercontent.com/-XmCsazlH2HA/UrKRzc3bZ8I/AAAAAAAAEh4/IuZrFVSZHzc/s300/fon1.png' style='position:fixed; top: 0px;right:1000px;border:none;z-index:5;'/>
<img align='middle' src='http://lh3.googleusercontent.com/-XmCsazlH2HA/UrKRzc3bZ8I/AAAAAAAAEh4/IuZrFVSZHzc/s300/fon1.png' style='position:fixed; top: 0px;right:1250px;border:none;z-index:6;'/>
<img align='middle' src='http://lh3.googleusercontent.com/-XmCsazlH2HA/UrKRzc3bZ8I/AAAAAAAAEh4/IuZrFVSZHzc/s300/fon1.png' style='position:fixed; top: 0px;right:1500px;border:none;z-index:7;'/>
<img align='middle' src='http://lh3.googleusercontent.com/-XmCsazlH2HA/UrKRzc3bZ8I/AAAAAAAAEh4/IuZrFVSZHzc/s300/fon1.png' style='position:fixed; top: 0px;right:1750px;border:none;z-index:8;'/>
<img align='middle' src='http://lh3.googleusercontent.com/-XmCsazlH2HA/UrKRzc3bZ8I/AAAAAAAAEh4/IuZrFVSZHzc/s300/fon1.png' style='position:fixed; top: 0px;right:2000px;border:none;z-index:9;'/>
</div>
Украшайте свои блоги, всем предпраздничного настроения и приятной Новогодней суеты!
оформите подписку на новые шпаргалки
Классно! Но я наверное больше не буду украшать! хватит и того, что есть:))) А то слишком хорошо, тоже плохо:))) Викусь, спасибо тебе большое!
ОтветитьУдалитьИрина, лишнего и правда не надо. Завтра забегу к тебе в гости посмотрю. Тебе спасибо.
УдалитьПревосходно! Так красиво-сказочно! Блог лучше украшен, чем моя комната=D С наступающим!
ОтветитьУдалитьАнна, и тебя с наступающим. Сегодня забегала к тебе. Очень понравились твои рекомендации на тему подарков.
УдалитьСпасибо большое=)
УдалитьСпасибо большое за подсказки!
ОтветитьУдалитьНосова Е.Ю., во первых с наступающим Вас. Мне так приятно, что мои шпаргалки пригодились. Новый Год ведь и так хочется чего-то необычного. Иногда даже делать такие маленькие подарки куда приятнее, чем получать. Мне очень приятно.
УдалитьКрасота и предвкушение праздника! Если бы еще можно было добавить аромат мандаринов...
ОтветитьУдалитьПривет Ирина. С мандаринами да!!! Побрызгай ароматизатором на комп.
УдалитьОй, Вика очень нужна помощь профи!!! Написала через форму и продублировала сообщение на почту. Отзовись, пожалуйста
ОтветитьУдалитьГерлянда этот код тоже у меня не работает, нашол такую же установил код теперь робит. Пример мой: utami.ru
ОтветитьУдалитьКод можно получить нажав внизу страницы на Get Code (слабо заменто, на белом фоне посреди)
utamirus у меня на всех блогах работает. Посмотрела у Вас блог, вероятнее всего из-за того, что много флеш-анимации установлено.
УдалитьУ меня фонарики установились, правда, немного загораживают кнопки, которые тоже по периметру.
ОтветитьУдалитьНе знаю, как долго продержатся, слишком мельтешат.)
Календарик с обезьянкой тоже классный, подумаю, может и его добавлю, правда великоват.
Спасибо!
Олеся, ну Новый Год пройдёт и всё равно всё это удалять будем. А с обезьянкой так подбери свою картинку. Только небольших размеров. там подогнать можно.
Удалить