Pages: 12
[align=center][b]CREDITS:[/b] www.freewebknowledge.com www.google.com www.yahoo.com [b]Me - for sharing this..[/b]:D This is the world's smoothest background fader!..i guess :D It makes the backgro
You are viewing a post by mabuhay. View all 28 posts in [align=center][b]CREDITS:[/b] www.freewebknowledge.com www.google.com www.yahoo.com [b]Me - for sharing this..[/b]:D This is the world's smoothest background fader!..i guess :D It makes the backgro.
2008-07-04 23:15:02
- mabuhay
- » FTalkManiac
849
0
1969-12-31
[align=center][b]CREDITS:[/b] www.freewebknowledge.com www.google.com www.yahoo.com [b]Me - for sharing this..[/b]:D This is the world's smoothest background fader!..i guess :D It makes the backgro
[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]
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)
 |