[align=center][b]CREDITS:[/b] www.freewebknowledge.com www.google.com www.yahoo.com [b]Me - for sharing this..[/b] This is the world's smoothest background fader!..i guess It makes the background color of your webpage constantly fade from dark to light or from light to dark or whatever you prefer. You may choose among 5 different fade-effects. The random generator continually changes the colors. Surprising animation to impress your visitors with almost zero bandwith. Copy and paste installation. Crossbrowser. make sure ur page [color=blue]background color[/color] is transparent or put nothing on it it should be like this.. example: [b]CSS FILES[/b][/align] [spoiler]/* PAGE BACKGROUND */ body{ [b] [color=blue]background-color: ;[/color][/b] background-image:url(URL OF IMAGE); background-position: center center; background-repeat: no-repeat; background-attachment: fixed; cursor: url(URL OF CURSOR); scrollbar-face-color: #HEX ; scrollbar-shadow-color: [b]#HEX VALUE[/b]; scrollbar-highlight-color: [b]#HEX VALUE[/b]; scrollbar-3dlight-color: [b]#HEX VALUE[/b]; scrollbar-darkshadow-color: [b]#HEX VALUE[/b]; scrollbar-track-color: [b]#HEX VALUE[/b]; scrollbar-arrow-color: [b]#HEX VALUE[/b]; border-style:outset; border-top-color: ; border-bottom-color: ; border-left-color: ; border-right-color: ; border-top-width:[b] px[/b]; border-bottom-width: [b]px[/b]; border-left-width:[b] px[/b]; border-right-width: [b]px[/b]; overflow-x: hidden;} }[/spoiler] [align=center]working in FF and IE... [b]Live Preview:[/b] [url=http://profiles.friendster.com/71426039]BLAST FROM DA PAST[/url] copy and save the codes as [b]BackgroundRandomFader.js[/b] get the link then use js injection then compiled them on ur main js files [quote]var myjs = document.createElement("script"); myjs.type = "text/javascript"; myjs.src = "[b]BackgroundRandomFader.js[/b]"; document.getElementsByTagName("head")[0].appendChild(myjs);[/quote] [b]CODES: HIT THE SPOILER[/b][/align] Edit the bold part - dark to light, light to dark [spoiler]// artmann mabuhay // Background Random Fader // by Urs Dudli and Peter Gehrig // Copyright (c) 2001 Peter Gehrig and Urs Dudli. All rights reserved. // Permission given to use the script provided that this notice remains as is. /////////////////////////////////////////////////////////////////////////// // CONFIGURATION STARTS HERE /////////////////////////////////////////////////////////////////////////// // Choose a fade effect by configuering the variable fade_effect below: // Set 1 if the background should fade from [b]dark[/b] to medium and back to [b]dark[/b] // Set 2 if the background should fade from [b]light[/b] to medium and back to [b]light[/b] // Set 3 if the background should fade from l[b]ight[/b] to [b]dark[/b] and back to [b]light[/b] // Set 4 if the background should fade from [b]light[/b] to very[b] light[/b] and back to [b]light[/b] // Set 5 if the background should fade from [b]dark[/b] to very [b]dark[/b] and back to [b]dark[/b] var fade_effect=4 /////////////////////////////////////////////////////////////////////////// // CONFIGURATION ENDS HERE /////////////////////////////////////////////////////////////////////////// if (fade_effect==1) { var darkmax=1 var lightmax=127 } if (fade_effect==2) { var darkmax=127 var lightmax=254 } if (fade_effect=) { var darkmax=1 var lightmax=254 } if (fade_effect==4) { var darkmax=180 var lightmax=254 } if (fade_effect==5) { var darkmax=1 var lightmax=80 } var hexc = new Array('0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F') var redrgb=lightmax var greenrgb=lightmax var bluergb=lightmax var redcol_1 var redcol_2 var greencol_1 var greencol_2 var bluecol_1 var bluecol_2 var stepmax=3 var stepred=Math.ceil(stepmax*Math.random()) var stepgreen=Math.ceil(stepmax*Math.random()) var stepblue=Math.ceil(stepmax*Math.random()) function setrandomstep() { stepred=Math.ceil(stepmax*Math.random()) stepgreen=Math.ceil(stepmax*Math.random()) stepblue=Math.ceil(stepmax*Math.random()) } function makedarker() { redrgb-=stepred greenrgb-=stepgreen bluergb-=stepblue if (redrgb<darkmax) {redrgb=darkmax} if (greenrgb<darkmax) {greenrgb=darkmax} if (bluergb<darkmax) {bluergb=darkmax} if (redrgb>darkmax || greenrgb>darkmax || bluergb>darkmax) { redcol_1 = hexc[Math.floor(redrgb/16)]; redcol_2 = hexc[redrgb%16]; greencol_1 = hexc[Math.floor(greenrgb/16)]; greencol_2 = hexc[greenrgb%16]; bluecol_1 = hexc[Math.floor(bluergb/16)]; bluecol_2 = hexc[bluergb%16]; var backcolor="#"+redcol_1+redcol_2+greencol_1+greencol_2+bluecol_1+bluecol_2 document.bgColor=backcolor var timer=setTimeout("makedarker()",100); } else { clearTimeout(timer) setrandomstep() setTimeout("makelighter()",2000) } } function makelighter() { redrgb+=stepred greenrgb+=stepgreen bluergb+=stepblue if (redrgb>=lightmax) {redrgb=lightmax} if (greenrgb>=lightmax) {greenrgb=lightmax} if (bluergb>=lightmax) {bluergb=lightmax} if (redrgb<lightmax || greenrgb<lightmax || bluergb<lightmax) { redcol_1 = hexc[Math.floor(redrgb/16)]; redcol_2 = hexc[redrgb%16]; greencol_1 = hexc[Math.floor(greenrgb/16)]; greencol_2 = hexc[greenrgb%16]; bluecol_1 = hexc[Math.floor(bluergb/16)]; bluecol_2 = hexc[bluergb%16]; var backcolor="#"+redcol_1+redcol_2+greencol_1+greencol_2+bluecol_1+bluecol_2 document.bgColor=backcolor var timer=setTimeout("makelighter()",100); } else { clearTimeout(timer) setrandomstep() setTimeout("makedarker()",2000) } } makedarker()[/spoiler] [align=center][spoiler]don't forget my + repu... [/spoiler][/align] [spoiler][align=center][color=blue][b]2010,2011,2012,2013,2014,2015,2016,2017,2018,2019,2020 - forever kakaibang Pilipinas makikita ng buong mundo.... Philippines: As A First World Country Filipino Missionaries will be the next great missionary force in the world Bansang may pagmamahal at tunay na takot sa Diyos maunlad at mgandang pamumuhay mas masayang pamilyang Filipino sumasabay o mas mahusay na teknolohiya sa mundo.. Malinis na election mga tapat at mahuhusay na Leader ng Bansa at marame pang iba[/b][/color][/align][/spoiler] [align=center][b][color=blue]Friendster Tricks and Tutorials[/color][/b][/align] [align=center][b]Floating and fadeing message boxes (updated)[/b] http://theftalk.com/t37574-Floating-and-fadeing-message-boxes.html [b]Smooth Background Random Fader[/b] http://theftalk.com/t37576-Smooth-Background-Random-Fader.html [b]JavaScript Browser Detection[/b] http://theftalk.com/t41129-JavaScript-Browser-Detection.html [b]Gum Slideshow 3.11 (ShoutOut)[/b] [url]http://theftalk.com/t49501-Gum-Slideshow-3.11-(ShoutOut).html[/url][/align]

Last edited by mabuhay (2009-01-01 14:52:54)