Discover Top Posts Tagged with #background code | Tumgag

Falling Backgrounds

Falling Cat Background

This is code is made BY ME, so please credit! Protected under the CC Licence

Paste this code under the <head> tag

Falling Mario Background

This is code is made BY ME, so please credit! Protected under the CC Licence

Paste this code under <head> tag

Falling Crosses

This is code is made BY ME, so please credit! Protected under the CC Licence

Paste this code under the <head> tag

Falling Peace Signs

This is code is made BY ME, so please credit! Protected under the CC Licence

Paste this code under the <head> tag

Shooting Stars Background

This is code is made BY ME, so please credit! Protected under the CC Licence

Paste this code under the <head> tag

Falling Music Note Background

This is code is made BY ME, so please credit! Protected under the CC Licence

Paste this code under the <head> tag

#background #background code #background codes #backgrounds #falling background #falling snow background #codes #code #html #themes #theme codes #theme code #coding

Bouncing Lights Background

Please credit me for the code, since i took my time to post the tutorial and modify the code. Real code found on dynamic drive, i just edited it.

Live View

Paste this code under the <head> tag

<script type="text/javascript"> // <![CDATA[ var colour="#FE4365"; // what colour are the blobs var speed=66; // speed of animation, lower is faster var blobs=10; // how many blobs are in the jar var charc=String.fromCharCode(9679); // a blob - can be changed to charc='hello' or charc='*' for a different effect /***************************\ * Blobs in a Jar Effect * * (c)2012 mf2fm web-design * * http://www.mf2fm.com/rv * * DON'T EDIT BELOW THIS BOX * \***************************/ window.onload=fill_the_jar; var div; var xpos=new Array(); var ypos=new Array(); var zpos=new Array(); var dx=new Array(); var dy=new Array(); var dz=new Array(); var blob=new Array(); var swide=800; var shigh=600; function fill_the_jar() { var i, dvs; div=document.createElement('div'); dvs=div.style; dvs.position='fixed'; dvs.left='0px'; dvs.top='0px'; dvs.width='1px'; dvs.height='1px'; document.body.appendChild(div); set_width(); for (i=0; i<blobs; i++) { add_blob(i); jamjar(i); } } function add_blob(ref) { var dv, sy; dv=document.createElement('div'); dv.appendChild(document.createTextNode(charc)); sy=dv.style; sy.position='absolute'; sy.textAlign="center"; if (navigator.appName=="Microsoft Internet Explorer") { sy.fontSize="10px"; sy.width="100px"; sy.height="100px"; sy.paddingTop="40px"; sy.color=colour; } else sy.color='rgba(0,0,0,0)'; ypos[ref]=Math.floor(shigh*Math.random()); dy[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2); xpos[ref]=Math.floor(swide*Math.random()); dx[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2); zpos[ref]=Math.random()*20; dz[ref]=(0.5+Math.random())*(Math.random()>.5?.5:-.5); blob[ref]=dv; div.appendChild(blob[ref]); set_blob(ref); } function rejig(ref, xy) { if (xy=='y') { dx[ref]=(0.5+Math.random())*sign(dx[ref]); dy[ref]=(0.5+Math.random())*-sign(dy[ref]); } else { dx[ref]=(0.5+Math.random())*-sign(dx[ref]); dy[ref]=(0.5+Math.random())*sign(dy[ref]); } } function sign(a) { if (a<0) return (-2); else if (a>0) return (2); else return (0); } function set_blob(ref) { var sy; sy=blob[ref].style; sy.top=ypos[ref]+'px'; sy.left=xpos[ref]+'px'; if (navigator.appName=="Microsoft Internet Explorer") { sy.filter="glow(color="+colour+",strength="+zpos[ref]+")"; sy.fontSize=30-zpos[ref]+"px"; } else { sy.textShadow=colour+' 0px 0px '+zpos[ref]+'px'; sy.fontSize=40+zpos[ref]+'px'; } } function jamjar(ref) { if (ypos[ref]+dy[ref]<-50 || ypos[ref]+dy[ref]>shigh) rejig(ref, 'y'); ypos[ref]+=dy[ref]; if (xpos[ref]+dx[ref]<-50 || xpos[ref]+dx[ref]>swide) rejig(ref, 'x'); xpos[ref]+=dx[ref]; if (zpos[ref]+dz[ref]<0 || zpos[ref]+dz[ref]>20) dz[ref]=-dz[ref]; zpos[ref]+=dz[ref]; set_blob(ref); setTimeout("jamjar("+ref+")", speed); } window.onresize=set_width; function set_width() { var sw_min=999999; var sh_min=999999; if (document.documentElement && document.documentElement.clientWidth) { if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth; if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight; } if (typeof(self.innerWidth)!="undefined" && self.innerWidth) { if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth; if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight; } if (document.body.clientWidth) { if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth; if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight; } if (sw_min==999999 || sh_min==999999) { sw_min=800; sh_min=600; } swide=sw_min; shigh=sh_min; } // ]]> </script> <style> .bounce{ width: 100%; height: 100%; position: fixed; background: -9999; } </style>

Now paste this code under your <body> tag

<div class="bounce"></div>

#background #backgrounds #background code #background codes #cool background #cool backgrounds

Cool Pixelated Background Effect!

Good for Kawaii or Hipster blogs!

Live View

<script type="text/javascript"> // <![CDATA[ var colour="#fcf"; // colours of drops var border="#fcf"; // colour of border var speed=30; // speed of animation, lower is faster var size=20; // size of blocks var drops=80; // number of raindrops /***************************\ * Block Rain Graphic Effect * *(c)2005-12 mf2fm web-design* * http://www.mf2fm.com/rv * * DON'T EDIT BELOW THIS BOX * \***************************/ var swide, shigh; var blox=new Array(); var blok=new Array(); var boddie; window.onload=function() { if (document.getElementById) { var i, d, s; boddie=document.createElement("div"); s=boddie.style; s.position="fixed"; s.top="0px"; s.left="0px"; s.width="1px"; s.height="1px"; s.overflow="visible"; s.backgroundColor="transparent"; document.body.appendChild(boddie); set_width(); for (i=0; i<drops; i++) { d=document.createElement("div"); s=d.style; s.width=size+"px"; s.height=size+"px"; s.overflow="hidden"; s.position="absolute"; s.visibility="hidden"; s.backgroundColor=colour; s.border="1px solid "+border; blox[i]=-1; blok[i]=d; boddie.appendChild(blok[i]); } size+=4; mainblock(0); }} function mainblock(r) { var t, l; t=4+size*Math.floor(Math.random()*(shigh-size)/size); l=4+size*Math.floor(Math.random()*(swide-size)/size); blok[r].style.left=l+"px"; blok[r].style.top=t+"px"; blox[r]=11; blok[r].style.visibility="visible"; subblock(r); setTimeout("mainblock("+(++r%drops)+")", speed); } function subblock(r) { if (--blox[r]>-1) { if (navigator.appName=="Microsoft Internet Explorer") blok[r].style.filter="alpha(opacity="+blox[r]*10+")"; else blok[r].style.opacity=blox[r]/10; setTimeout("subblock("+r+")", speed*drops/12); } else blok[r].style.visibility="hidden"; } window.onresize=set_width; function set_width() { var sw_min=999999; var sh_min=999999; if (document.documentElement && document.documentElement.clientWidth) { if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth; if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight; } if (typeof(self.innerWidth)!="undefined" && self.innerWidth) { if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth; if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight; } if (document.body.clientWidth) { if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth; if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight; } if (sw_min==999999 || sh_min==999999) { sw_min=800; sh_min=600; } swide=sw_min; shigh=sh_min; } // ]]> </script>

#background #backgrounds #background code #hipster background #kawaii background #background codes

Koi Fish background code

Paste this code under the style type="text/css"> tag.

.fish { position:fixed; left:0px; top:-20px; height:100%; width:100%; z-index:-1; }

Then .paste this code under the <body> tag.

#Background #background code #koi fish #fish #fish background #fish code #background codes

Starburst Background Effect

Paste THIS ABOVE the </head> tag.

LIVE VIEW

#background #starburst #codes #graphics and effects #background code #starship #background codes

Discover Top Posts Tagged with #background code | Tumgag