friendsterTalk - Friendster Forum

friendsterTalk - Friendster Forum

Welcome guest! Please Login or Register.

Pages: 1 2

 

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

mabuhay
 Artmann
mabuhay's display avatar
» FriendsterFreak
› PAL
› Friendstertalk University
Location: Laguna
Registered: 2008-03-11
Posts: 1890
Reputation: 96
Friendster

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 and save the codes as BackgroundRandomFader.js
get the link then use js injection  then compiled them on ur main js files :thumbsdown:

var myjs = document.createElement("script");
myjs.type = "text/javascript";
myjs.src = "BackgroundRandomFader.js";
document.getElementsByTagName("head")[0].appendChild(myjs);

CODES: HIT THE SPOILER


Edit the bold part - dark to light, light to dark

// 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


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

Friendster Tricks and Tutorials


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


awtz, prang nputukan ung kamay ko sa avatar...he3!
 

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

Yellow Flash
» FriendsterAgent
Location: ill b back someday
Registered: 2008-02-29
Posts: 2178
Last visit: 2008-12-16
Reputation: 127

Re: Smooth Background Random Fader

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

The fire of the shadow illuminates the village.

I think ill be gone for a while... maybe next day maybe weeks
but i promise... ill be back someday....

-Offline-
 

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

simpleMe
 tax
» FriendsterWhiz
› [i gz it's gudbye]
› Class X
Location: BeHiNd EnEmY LiNeS
Registered: 2008-02-28
Posts: 3151
Last visit: Today
Reputation: 208
Friendster

Re: Smooth Background Random Fader

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

sO deeP, tHat iT didn'T eveN bleeD

-Offline-
 

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

cronixemo
 ^ banned!
» FriendsterElite
Registered: 2007-11-23
Posts: 3543
Reputation: 157

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:
 

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

mabuhay
 Artmann
mabuhay's display avatar
» FriendsterFreak
› PAL
› Friendstertalk University
Location: Laguna
Registered: 2008-03-11
Posts: 1890
Reputation: 96
Friendster

Re: Smooth Background Random Fader

thanks.. & welcum  Yellow Flash , bro. simpleMe


awtz, prang nputukan ung kamay ko sa avatar...he3!
 

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

KaWaIi lOvEr 08
 Isobel Kawaii
KaWaIi lOvEr 08's display avatar
» Banned
› 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
 ^ banned!
» FriendsterElite
Registered: 2007-11-23
Posts: 3543
Reputation: 157

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...
 

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

mabuhay
 Artmann
mabuhay's display avatar
» FriendsterFreak
› PAL
› Friendstertalk University
Location: Laguna
Registered: 2008-03-11
Posts: 1890
Reputation: 96
Friendster

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)


awtz, prang nputukan ung kamay ko sa avatar...he3!
 

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

cronixemo
 ^ banned!
» FriendsterElite
Registered: 2007-11-23
Posts: 3543
Reputation: 157

Re: Smooth Background Random Fader

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

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

mabuhay
 Artmann
mabuhay's display avatar
» FriendsterFreak
› PAL
› Friendstertalk University
Location: Laguna
Registered: 2008-03-11
Posts: 1890
Reputation: 96
Friendster

Re: Smooth Background Random Fader

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


awtz, prang nputukan ung kamay ko sa avatar...he3!
 

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

kuntilanak
 Dewi Kunthi
kuntilanak's display avatar
» Promoter
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
 Artmann
mabuhay's display avatar
» FriendsterFreak
› PAL
› Friendstertalk University
Location: Laguna
Registered: 2008-03-11
Posts: 1890
Reputation: 96
Friendster

Re: Smooth Background Random Fader

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

ur welcum brother...
thanks 4 da comment


awtz, prang nputukan ung kamay ko sa avatar...he3!
 

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

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

Re: Smooth Background Random Fader

nice trick here.... thnss..
 

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

mabuhay
 Artmann
mabuhay's display avatar
» FriendsterFreak
› PAL
› Friendstertalk University
Location: Laguna
Registered: 2008-03-11
Posts: 1890
Reputation: 96
Friendster

Re: Smooth Background Random Fader

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

glad 2 hear that... :wow:
thanks


awtz, prang nputukan ung kamay ko sa avatar...he3!
 

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

---xXirukiTepe---
 No one knows my name
---xXirukiTepe---'s display avatar
» FriendsterElite
› Bakugan Battle Brawler :)
› The Undefeated Society
Location: KARAKURA TOWN
Registered: 2007-11-01
Posts: 5570
Reputation: 607
Friendster

Re: Smooth Background Random Fader

Nice trick...dude...


---> do not dare me... or else :arrow:

 

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

mabuhay
 Artmann
mabuhay's display avatar
» FriendsterFreak
› PAL
› Friendstertalk University
Location: Laguna
Registered: 2008-03-11
Posts: 1890
Reputation: 96
Friendster

Re: Smooth Background Random Fader

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


awtz, prang nputukan ung kamay ko sa avatar...he3!
 

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

darylldelfin
 ^LOL
darylldelfin's display avatar
» Promoter
› -tentenenen!! XD
Location: -MARS-
Registered: 2008-02-29
Posts: 1633
Reputation: 143
Friendster

Re: Smooth Background Random Fader

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

I dont mean no harm.. smile! :D
 

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

augjry
 aUg
augjry's display avatar
» FriendsterTalker
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
 Artmann
mabuhay's display avatar
» FriendsterFreak
› PAL
› Friendstertalk University
Location: Laguna
Registered: 2008-03-11
Posts: 1890
Reputation: 96
Friendster

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)


awtz, prang nputukan ung kamay ko sa avatar...he3!
 

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

Ehcnalb
 Blanche
Ehcnalb's display avatar
» FriendsterElite
› Mga Masayahing Pinoy!
Registered: 2007-05-01
Posts: 3825
Reputation: 200

Re: Smooth Background Random Fader

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

 

Pages: 1 2

Search Friendstertalk

Board footer

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

[ 11 queries - 0.057 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. =)