friendsterTalk - Friendster Forum

friendsterTalk - Friendster Forum

Welcome guest! Please Login or Register.

Pages: 1 2

 

#1  2008-07-05 03:15:02

mabuhay
» FriendsterFreak
mabuhay's display avatar
› KKB YOUTH SUMMIT 08
› Friendstertalk University
Location: Laguna
Registered: 2008-03-11
Posts: 1806
Reputation: 79

Smooth Background Random Fader

CREDITS:

www.freewebknowledge.com
www.google.com
www.yahoo.com
Me - for sharing this..:D

This is the world's smoothest background fader!..i guess :D  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  background color is transparent or put nothing on it
it should be like this..:thumbsdown:

example:
CSS FILES

/* PAGE BACKGROUND */
body{
  background-color: ;
  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: #HEX VALUE;
scrollbar-highlight-color: #HEX VALUE;
scrollbar-3dlight-color: #HEX VALUE;
scrollbar-darkshadow-color: #HEX VALUE;
scrollbar-track-color: #HEX VALUE;
scrollbar-arrow-color: #HEX VALUE;
border-style:outset;
border-top-color: ;
border-bottom-color: ;
border-left-color: ;
border-right-color: ;
border-top-width: px;
border-bottom-width: px;
border-left-width: px;
border-right-width: px;
overflow-x: hidden;}
}

working in FF and IE... :thumbsup:=)

Live Preview:

BLAST FROM DA PAST

copy the codes then compiled them on ur js files
put them on the last part...=)
Edit the bold part - dark to light, light to dark

CODES: HIT THE 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 dark to medium and back to dark
// Set 2 if the background should fade from light to medium and back to light
// Set 3 if the background should fade from light to dark and back to light
// Set 4 if the background should fade from light to very light and back to light
// Set 5 if the background should fade from dark to very dark and back to dark
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==3) {
    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()

don't forget my + repu... :D



Friendster Tricks and Tutorials


Last edited by mabuhay (2008-08-28 08:48:43)
 

#2  2008-07-05 03:17:56

Yellow Flash
» FriendsterAgent
Yellow Flash's display avatar
› Almost Christmas
Location: HiddenLeaf Village
Registered: 2008-02-29
Posts: 2067
Last visit: Today
Reputation: 112
Friendster

Re: Smooth Background Random Fader

wow... nc trick... let me try it...

-Offline-
 

#3  2008-07-05 03:24:07

simpleMe
» FriendsterWhiz
› [i gz it's a gudbye]
› Class X
Location: through da monsoon
Registered: 2008-02-28
Posts: 3103
Reputation: 196
Friendster

Re: Smooth Background Random Fader

nice effect =):thumbsup:
thanks for sharing bro :thumbsup:

nO CoMmEnT!
 

#4  2008-07-05 03:26:30

cronixemo
» FriendsterElite
cronixemo's display avatar
› am i different??? :-(
› Friendstertalk University
Location: no one finds me!
Registered: 2007-11-23
Posts: 3507
Reputation: 135

Re: Smooth Background Random Fader

again.,,.u dont have preview on ur trick!!!
like ur 1st post!!!

pls provide preview for ur trick..
to see if the codes are working!!!
ok...
:disgust:



photoshop + boredom = art!
 

#5  2008-07-05 03:29:56

mabuhay
» FriendsterFreak
mabuhay's display avatar
› KKB YOUTH SUMMIT 08
› Friendstertalk University
Location: Laguna
Registered: 2008-03-11
Posts: 1806
Reputation: 79

Re: Smooth Background Random Fader

thanks.. & welcum  Yellow Flash , bro. simpleMe
 

#6  2008-07-05 03:34:52

KaWaIi lOvEr 08
» Banned
KaWaIi lOvEr 08's display avatar
› kawemo (kawaii+emo)
› ReNeGaDeS de Alliance
Location: kawaii island
Registered: 2008-06-26
Posts: 55
Last visit: 2008-07-23
Reputation: -9

Re: Smooth Background Random Fader

nice trick! thanks for this! hahahahaha! nice!



wanna request some siggy like that?
PM me

open the spoiler

am i nice
@triciapink29 - i'm sorry siz i'm not patricia. i don't know her .

-Offline-
 

#7  2008-07-05 03:35:52

cronixemo
» FriendsterElite
cronixemo's display avatar
› am i different??? :-(
› Friendstertalk University
Location: no one finds me!
Registered: 2007-11-23
Posts: 3507
Reputation: 135

Re: Smooth Background Random Fader

but i dont see any effect,i only saw is the floating msg fader...
no background on ur preview!!!
is this only for ie??
im using ff...



photoshop + boredom = art!
 

#8  2008-07-05 03:36:40

mabuhay
» FriendsterFreak
mabuhay's display avatar
› KKB YOUTH SUMMIT 08
› Friendstertalk University
Location: Laguna
Registered: 2008-03-11
Posts: 1806
Reputation: 79

Re: Smooth Background Random Fader

sorry again cronixemo
i thout i have already...:crybaby:
first page edited
now with Live Preview... =):thumbsup:

im using FF 3 and IE 7.. i can see those tricks on my preview =):thumbsup:

Last edited by mabuhay (2008-07-05 03:38:55)
 

#9  2008-07-05 04:05:32

cronixemo
» FriendsterElite
cronixemo's display avatar
› am i different??? :-(
› Friendstertalk University
Location: no one finds me!
Registered: 2007-11-23
Posts: 3507
Reputation: 135

Re: Smooth Background Random Fader

yah..now its working!!!
thanks for sharing dude!!!
keep it up!!!
:thumbsup:



photoshop + boredom = art!
 

#10  2008-07-05 06:57:32

mabuhay
» FriendsterFreak
mabuhay's display avatar
› KKB YOUTH SUMMIT 08
› Friendstertalk University
Location: Laguna
Registered: 2008-03-11
Posts: 1806
Reputation: 79

Re: Smooth Background Random Fader

welcum  bro. cronixemo =)
thanks again 4 da repu...:wow:
 

#11  2008-07-05 14:51:56

kuntilanak
» Promoter
kuntilanak's display avatar
Registered: 2008-05-29
Posts: 4854
Reputation: 164

Re: Smooth Background Random Fader

Kuntilanak Said To You

Nice trick brother... thanks for share

 

#12  2008-07-06 11:19:05

mabuhay
» FriendsterFreak
mabuhay's display avatar
› KKB YOUTH SUMMIT 08
› Friendstertalk University
Location: Laguna
Registered: 2008-03-11
Posts: 1806
Reputation: 79

Re: Smooth Background Random Fader

kuntilanak wrote: Kuntilanak Said To You
Nice trick brother... thanks for share

ur welcum brother...
thanks 4 da comment
 

#13  2008-07-06 11:24:26

mhedge
» FriendsterElite
mhedge's display avatar
› LOL ..
› Friendstertalk University
Location: location.href
Registered: 2008-03-03
Posts: 4264
Reputation: 187
Friendster

Re: Smooth Background Random Fader

nice trick here.... thnss..
 

#14  2008-07-07 08:40:39

mabuhay
» FriendsterFreak
mabuhay's display avatar
› KKB YOUTH SUMMIT 08
› Friendstertalk University
Location: Laguna
Registered: 2008-03-11
Posts: 1806
Reputation: 79

Re: Smooth Background Random Fader

mhedge wrote: nice trick here.... thnss..

glad 2 hear that... :wow:
thanks
 

#15  2008-07-07 12:14:26

---xXirukiTepe---
» FriendsterElite
---xXirukiTepe---'s display avatar
› Ill Shoot Your Veins >_<
› Naruto Fanz-ShinobiElite
Location: KARAKURA TOWN
Registered: 2007-11-01
Posts: 3750
Reputation: 440
Friendster

Re: Smooth Background Random Fader

Nice trick...dude...


Mou Hitori no Kimi e
N ∅ ∑ I N
TRUE: Somebody hacked my other fs account! Grrr! add my new 1
 

#16  2008-07-07 13:12:30

mabuhay
» FriendsterFreak
mabuhay's display avatar
› KKB YOUTH SUMMIT 08
› Friendstertalk University
Location: Laguna
Registered: 2008-03-11
Posts: 1806
Reputation: 79

Re: Smooth Background Random Fader

welcum dude...
thanks 4 da repu..:wow:
 

#17  2008-07-07 13:19:11

darylldelfin
» Promoter
darylldelfin's display avatar
› -tentenenen!! XD
Location: -MARS-
Registered: 2008-02-29
Posts: 1612
Reputation: 142
Friendster

Re: Smooth Background Random Fader

nice trick rockmate! keep em coming! :thumbsup: :thumbsup:

Oh Hiatus .. Haha . :]]
 

#18  2008-07-08 04:36:36

augjry
» FriendsterTalker
augjry's display avatar
Registered: 2007-09-14
Posts: 137
Last visit: 2008-10-30
Reputation: 1

Re: Smooth Background Random Fader

:o nice trick bro.. keep it up.. :thumbsup:

err.. how to tweak it from background color to text color..?

Last edited by augjry (2008-07-08 05:16:19)

To The World you May be One PerSon, But to One PerSon YoU maYbe The woRld

-Offline-
 

#19  2008-07-08 11:41:32

mabuhay
» FriendsterFreak
mabuhay's display avatar
› KKB YOUTH SUMMIT 08
› Friendstertalk University
Location: Laguna
Registered: 2008-03-11
Posts: 1806
Reputation: 79

Re: Smooth Background Random Fader

darylldelfin wrote: nice trick rockmate! keep em coming! :thumbsup: :thumbsup:

thanks rockmate...

augjry wrote: :o nice trick bro.. keep it up.. :thumbsup:

err.. how to tweak it from background color to text color..?

thanks dude...
just read my instruction at the first post...

if u want color changing text..
Hit the Links
http://friendstertalk.com/t37046-Color-…-Text.html

Last edited by mabuhay (2008-07-09 01:38:20)
 

#20  2008-07-08 11:45:00

Ehcnalb
» FriendsterElite
Ehcnalb's display avatar
› Rockstars
Registered: 2007-05-01
Posts: 3630
Reputation: 138

Re: Smooth Background Random Fader

omg neat trick. XD
I should try this sometime.. CX


Yehey, I love you

 

 

Pages: 1 2

Search Friendstertalk

Board footer

FriendsterTalk is not affiliated with Friendster.com
Copyright © 2002–2008 PunBB

[ 28 queries - 1.992 second ]

Pay Per Click Ads by pay per click advertising by Kontera

FriendsterTalk.com x

Welcome to FriendsterTalk! You'll need to login in order to fully use all the features and view all the sections of this site.

Please register if you're not yet a member. =)