Коледна украса за блог на Blogger

Pepa Tabakova

сряда

Коледна украса за блог на Blogger

Поздрави на всички приятели, гости и случайни читатели на Блог за блогове. Винаги преди Коледа и Нова година мнозина от нас се лутат в Интернет пространството, за да намерят подходяща коледна украса на блога си. И тази година, както миналата, искам да споделя с вас мои идеи.

Новогодишен пейзаж за блога
Голям Новогодишен гирлянд
Инсталиране

Ще ви предложа два варианта за промяна в дизайна на блога за предстоящите празници. Ако смятате, че е твърде рано, сложете тази моя публикация в отметките си. Но забелязах, че някои блогъри вече украсяват блоговете си. Така, че решете сами.
Тази година идеите ми са:

Новогодишен пейзаж за блога

Код

<script type='text/javascript'>
//<![CDATA[
document.write('<style type="text/css">html{height:auto!important}body{background:#26c6da;padding-bottom:150px}</style><img style="position:fixed;z-index:9999;top:0;left:0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSZEPPcW4Ro-BYpKu5gVY81NUTwV1uyH-roNEXTdEZC1WHgAVxdMu06vvft0mImOQdv8JB17G-vDQh2QYYj8kKUgP-GIe_SuVu1RdJKLw4-rq1c5cHo6VuuclD8VbRfayhoD4K9gU4yMA/s150/top-left.png"/><img style="position:fixed;z-index:9999;top:0;right:0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnoNj1ZuLVpXxgTe9RnvtFXXlV4_tFiyIQDYC-vmJ7-K7oMC3p0ktRpSa4_BaK8vWfezugGzH5oLb_kXaAHWSUbdtN6vyLIvsHtvAu7uPxoNpsV4OzZPEkzP9m7OV-ZcwleZD5SwILJnE/s150/top-right.png"/><div style="position:fixed;z-index:9999;bottom:0;left:0;width:100%;height:104px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbNuYYbs3lNBP4XtRYukwvO5oiohH2qvJbgV_T8P5PrpfwIoHGlmKhlwvFFj99dRa2vjxlaGxHqtzNKz-7p0S0nMC4uNLNfPGZY8jJsr2zMVu0igDo41MbpgCCDr0oqVVqTI1sB_PK2_U/s1600/footer.png) repeat-x bottom left;"></div><img style="position:fixed;z-index:9999;bottom:30px;left:30px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsyc0VJRaGOrKCQkQjNdCkiD-PGvzqJePCEomqvXYHhQSZrCOgEvmAmQr_wbD_a7VBmf3s_ZOuwWqY5RGrS3hhNARudqxBoNoBF29jmi_iIAYmtQyS1YZSPqAcdPhM9YKfZVB2hw9HBQg/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>

Голям Новогодишен гирлянд

Код

<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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjggFxNauHGgYGSUSpshPsPpbLwv1i-NkouxBYFxiFrgPTOPRox9DEqRqBJgTY3u-j-XdrJJrKBPI8cuC5nlp2y8XwgAlmKfD9ZLm9JtmAtvLGpNl3f4Flmv4PAxVFSqUnhyphenhyphenq0CQr3rmmFw/s800/b-ball_n4.png' style='position:fixed; top: 0px;left:150px;border:none;z-index:10;'/>
<img class='st2' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCcqzDJ7WmPk-cyi5CYBNyWieMQF-9tymmz21-JlYdEOjZpfBjJiIDLsN_6wB0tMjOkpbH4oZKR5xhN07E9yykbZwzgGvlhAi6DX08jnfxborbpCT8WtNfyqMHcNPGg1VwhuJtgrHk5IiW/s800/b-ball_n2.png' style='position:fixed; top: 0px;left:450px;border:none;z-index:11;'/>
<img class='st1' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG_UtW8Q-WSQfO1IL_Fes_bB-t-ZjWVzH_1QhvRpAgfdg1SgzmfwL51VTBy9XbOLrUqJ02CZBEO4YzByeVGy-UQ7cOOOCHDsIhZg2pncARSo_NvjYcfuQ-xzKGL_q2o_9bkbfQoaRiyviQ/s800/b-ball_n3.png' style='position:fixed; top: 0px;left:750px;border:none;z-index:10;'/>
<img class='st2' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjggFxNauHGgYGSUSpshPsPpbLwv1i-NkouxBYFxiFrgPTOPRox9DEqRqBJgTY3u-j-XdrJJrKBPI8cuC5nlp2y8XwgAlmKfD9ZLm9JtmAtvLGpNl3f4Flmv4PAxVFSqUnhyphenhyphenq0CQr3rmmFw/s800/b-ball_n4.png' style='position:fixed; top: 0px;left:1050px;border:none;z-index:11;'/>
<img class='st1' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCcqzDJ7WmPk-cyi5CYBNyWieMQF-9tymmz21-JlYdEOjZpfBjJiIDLsN_6wB0tMjOkpbH4oZKR5xhN07E9yykbZwzgGvlhAi6DX08jnfxborbpCT8WtNfyqMHcNPGg1VwhuJtgrHk5IiW/s800/b-ball_n2.png' style='position:fixed; top: 0px;left:1350px;border:none;z-index:10;'/>
<img class='st2' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG_UtW8Q-WSQfO1IL_Fes_bB-t-ZjWVzH_1QhvRpAgfdg1SgzmfwL51VTBy9XbOLrUqJ02CZBEO4YzByeVGy-UQ7cOOOCHDsIhZg2pncARSo_NvjYcfuQ-xzKGL_q2o_9bkbfQoaRiyviQ/s800/b-ball_n3.png' style='position:fixed; top: 0px;left:1650px;border:none;z-index:11;'/>
<img class='st' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCcqzDJ7WmPk-cyi5CYBNyWieMQF-9tymmz21-JlYdEOjZpfBjJiIDLsN_6wB0tMjOkpbH4oZKR5xhN07E9yykbZwzgGvlhAi6DX08jnfxborbpCT8WtNfyqMHcNPGg1VwhuJtgrHk5IiW/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCcqzDJ7WmPk-cyi5CYBNyWieMQF-9tymmz21-JlYdEOjZpfBjJiIDLsN_6wB0tMjOkpbH4oZKR5xhN07E9yykbZwzgGvlhAi6DX08jnfxborbpCT8WtNfyqMHcNPGg1VwhuJtgrHk5IiW/s800/b-ball_n2.png' style='position:fixed; top: 0px;left:50px;border:none;z-index:11;'/>
<img class='st' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG_UtW8Q-WSQfO1IL_Fes_bB-t-ZjWVzH_1QhvRpAgfdg1SgzmfwL51VTBy9XbOLrUqJ02CZBEO4YzByeVGy-UQ7cOOOCHDsIhZg2pncARSo_NvjYcfuQ-xzKGL_q2o_9bkbfQoaRiyviQ/s800/b-ball_n3.png' style='position:fixed; top: 0px;left:300px;border:none;z-index:11;'/>
<img class='st2' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjggFxNauHGgYGSUSpshPsPpbLwv1i-NkouxBYFxiFrgPTOPRox9DEqRqBJgTY3u-j-XdrJJrKBPI8cuC5nlp2y8XwgAlmKfD9ZLm9JtmAtvLGpNl3f4Flmv4PAxVFSqUnhyphenhyphenq0CQr3rmmFw/s800/b-ball_n4.png' style='position:fixed; top: 0px;left:600px;border:none;z-index:11;'/>
<img class='st' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCcqzDJ7WmPk-cyi5CYBNyWieMQF-9tymmz21-JlYdEOjZpfBjJiIDLsN_6wB0tMjOkpbH4oZKR5xhN07E9yykbZwzgGvlhAi6DX08jnfxborbpCT8WtNfyqMHcNPGg1VwhuJtgrHk5IiW/s800/b-ball_n2.png' style='position:fixed; top: 0px;left:900px;border:none;z-index:11;'/>
<img class='st2' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG_UtW8Q-WSQfO1IL_Fes_bB-t-ZjWVzH_1QhvRpAgfdg1SgzmfwL51VTBy9XbOLrUqJ02CZBEO4YzByeVGy-UQ7cOOOCHDsIhZg2pncARSo_NvjYcfuQ-xzKGL_q2o_9bkbfQoaRiyviQ/s800/b-ball_n3.png' style='position:fixed; top: 0px;left:1200px;border:none;z-index:11;'/>
<img class='st' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjggFxNauHGgYGSUSpshPsPpbLwv1i-NkouxBYFxiFrgPTOPRox9DEqRqBJgTY3u-j-XdrJJrKBPI8cuC5nlp2y8XwgAlmKfD9ZLm9JtmAtvLGpNl3f4Flmv4PAxVFSqUnhyphenhyphenq0CQr3rmmFw/s800/b-ball_n4.png' style='position:fixed; top: 0px;left:1500px;border:none;z-index:11;'/>
<img class='st2' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCcqzDJ7WmPk-cyi5CYBNyWieMQF-9tymmz21-JlYdEOjZpfBjJiIDLsN_6wB0tMjOkpbH4oZKR5xhN07E9yykbZwzgGvlhAi6DX08jnfxborbpCT8WtNfyqMHcNPGg1VwhuJtgrHk5IiW/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyWfz_U55PhSY_L4q8erOfOpx0e0qqvZkTnWznSA4NTM_hmJnpT64CU49B7LrY__MepnoKmFxEFLqqhmgKG2K69uEO1-jgP99Fgodcz_xYccueHDrZdCoxJsGnwMYIMbfwswe5Tx9EN3rT/s300/fon1.png' style='position:fixed; top: 0px;right:0px;border:none;z-index:1;'/>
<img align='middle' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyWfz_U55PhSY_L4q8erOfOpx0e0qqvZkTnWznSA4NTM_hmJnpT64CU49B7LrY__MepnoKmFxEFLqqhmgKG2K69uEO1-jgP99Fgodcz_xYccueHDrZdCoxJsGnwMYIMbfwswe5Tx9EN3rT/s300/fon1.png' style='position:fixed; top: 0px;right:250px;border:none;z-index:2;'/>
<img align='middle' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyWfz_U55PhSY_L4q8erOfOpx0e0qqvZkTnWznSA4NTM_hmJnpT64CU49B7LrY__MepnoKmFxEFLqqhmgKG2K69uEO1-jgP99Fgodcz_xYccueHDrZdCoxJsGnwMYIMbfwswe5Tx9EN3rT/s300/fon1.png' style='position:fixed; top: 0px;right:500px;border:none;z-index:3;'/>
<img align='middle' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyWfz_U55PhSY_L4q8erOfOpx0e0qqvZkTnWznSA4NTM_hmJnpT64CU49B7LrY__MepnoKmFxEFLqqhmgKG2K69uEO1-jgP99Fgodcz_xYccueHDrZdCoxJsGnwMYIMbfwswe5Tx9EN3rT/s300/fon1.png' style='position:fixed; top: 0px;right:750px;border:none;z-index:4;'/>
<img align='middle' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyWfz_U55PhSY_L4q8erOfOpx0e0qqvZkTnWznSA4NTM_hmJnpT64CU49B7LrY__MepnoKmFxEFLqqhmgKG2K69uEO1-jgP99Fgodcz_xYccueHDrZdCoxJsGnwMYIMbfwswe5Tx9EN3rT/s300/fon1.png' style='position:fixed; top: 0px;right:1000px;border:none;z-index:5;'/>
<img align='middle' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyWfz_U55PhSY_L4q8erOfOpx0e0qqvZkTnWznSA4NTM_hmJnpT64CU49B7LrY__MepnoKmFxEFLqqhmgKG2K69uEO1-jgP99Fgodcz_xYccueHDrZdCoxJsGnwMYIMbfwswe5Tx9EN3rT/s300/fon1.png' style='position:fixed; top: 0px;right:1250px;border:none;z-index:6;'/>
<img align='middle' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyWfz_U55PhSY_L4q8erOfOpx0e0qqvZkTnWznSA4NTM_hmJnpT64CU49B7LrY__MepnoKmFxEFLqqhmgKG2K69uEO1-jgP99Fgodcz_xYccueHDrZdCoxJsGnwMYIMbfwswe5Tx9EN3rT/s300/fon1.png' style='position:fixed; top: 0px;right:1500px;border:none;z-index:7;'/>
<img align='middle' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyWfz_U55PhSY_L4q8erOfOpx0e0qqvZkTnWznSA4NTM_hmJnpT64CU49B7LrY__MepnoKmFxEFLqqhmgKG2K69uEO1-jgP99Fgodcz_xYccueHDrZdCoxJsGnwMYIMbfwswe5Tx9EN3rT/s300/fon1.png' style='position:fixed; top: 0px;right:1750px;border:none;z-index:8;'/>
<img align='middle' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyWfz_U55PhSY_L4q8erOfOpx0e0qqvZkTnWznSA4NTM_hmJnpT64CU49B7LrY__MepnoKmFxEFLqqhmgKG2K69uEO1-jgP99Fgodcz_xYccueHDrZdCoxJsGnwMYIMbfwswe5Tx9EN3rT/s300/fon1.png' style='position:fixed; top: 0px;right:2000px;border:none;z-index:9;'/>
</div>

Използвайте този инструмент, за да разгледате предложенията ми.

Инсталиране

И в двата случая се използва HTML/JavaScript притурка, без значение къде ще я позиционирате в темата си. Не забравяйте да я запаметите и запомнете мястото ѝ, за да я махнете след празниците.

За въпроси моля, в коментарите. А може и на тази страница. Ще съм благодарна да оцените моя труд. Моля, гласувайте за блога ми на:

BGtop

Здраве за всички вас! Не забравяйте да правите добро на други хора!

1 Komentar