Création des Logiciels de gestion d'Entreprise, Création et référencement des sites web, Réseaux et Maintenance, Conception
Création des Logiciels de gestion d'Entreprise, Création et référencement des sites web, Réseaux et Maintenance, Conception
<div class="box"><div class="cover_pan"></div></div>
<style type='text/css'>
.box{background:url(https://lh3.googleusercontent.com/--Spv9VuEKYE/T3WIVthTICI/AAAAAAAAC3E/o1Ng-OEp5SA/s1600/rect2996.png) no-repeat 0 0;height:486px}
.cover_pan{background:#fff url(https://lh4.googleusercontent.com/--KGP4XXtrTM/T3WIWNH6-bI/AAAAAAAAC3I/zaRC49pVYf8/s1600/image2993.png) repeat 1055px bottom;height:486px;margin-left:1px;overflow:hidden;position:relative;width:99.5%;z-index:-1;-moz-animation-name:pan;-moz-animation-duration:40s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;-webkit-animation-name:pan;-webkit-animation-duration:40s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear}
@-moz-keyframes pan{0%{background-position:1338px bottom}
100%{background-position:left bottom}
}
@-webkit-keyframes pan{0%{background-position:1338px bottom}
100%{background-position:left bottom}
}
</style>
box
) and the background image layer motion (class cover_pan
).box
and class cover_pan
depending on the size of the image and the size of your blog.box
background image and a background image of classcover_pan
. Currently, both of these two images 800px size match the size Blog Design but you can also change the second photo.box
is required gif or png opacity necessary to mask the cover. Photos classarbitrary cover_pan
, you can select any image as long as the size matches.<script type='text/javascript'>
//<![CDATA[
document.write('<style type="text/css">body{background:#d20001;padding-bottom:150px}</style><img style="position:fixed;z-index:9999;top:0;left:0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje5K5-BwVhZZl4vBgq4SjmcuLU2p5bEQWtg2lvk1tuoj-THSKsDHkjFDMh0Ql0WQEeBD0ABahLl6n4Vx3o7ji07o1Y4K6OpflDD8b7Fla6fo-jaAHmpOz8s-qwe_ZpOI9q49TAoPQwC-U/s150/top-left.png"/><img style="position:fixed;z-index:9999;top:0;right:0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioZnYL0Hq6PPVIkDcK7i3GKv2JlVAAoUE2hsfQ3cQQV5Ytn7VWNeZoWnMV2K5FHHzBuVR-rgwgmOUGZzZ3gyjw4qTJvxykReHOungtRAZkiqwoRVMocNF3UioliTETgIm0ibQlLaxbw64/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/AVvXsEjqztZQJZoOvDQXXx-hFcZZ0G9OPMN2UGP9_wn7y-a9yZ8MY3pjKX46oIGpxsKWNfGNMemxc6qg7cMbrehyphenhyphenq-bmqz5YM7x5yFo3twJ6KmF39U80rxD4jy6XKhUuOHJpUj8_HJSs7Sz0KCM/s1600/footer.png) repeat-x bottom left;"></div><a href="http://www.matrixar.com/2012/12/add-snow-and-christmas-tree-for-blogger.html" target="_blank"><img style="position:fixed;z-index:9999;bottom:30px;left:30px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtJJoC-NT2qVofqBn4yAZ78thqqenooJJegSzdFB-hDoYffIrigu3hMmwgqQPMLmqclp_f-FQUGIqoWVjYV4AWkvprd8Vtt60qsCOtGekMXEvY0Szl0xPMA1A-VL-MPtTMSy_LCkKyQEk/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>