JAVASCRIPT Untuk Customize FS

Di topik ini kita berbagi berbagai JAVAscript Code yang digunakan untuk kustomisasi tampilan FS...

Selanjutnya akan disingkat menjadi JS...

Bedakan dengan CSS yaahhh...



Gw mulai dengan LOADING TRICK (Beda dengan LOADING PAGE lho)

LOADING TRICK masih menggunakan URL Friendster

Sedang LOADING PAGE menggunakan sistem redirect ke alamat LOADING PAGE dengan URL laen...



All Creditz to ANDRY PEACE

Quote :

Code:

loader=new Loader();

function Loader()

{

this.hide=function() {

lding.style.display='none';

}

var lding = document.getElementById('navBg');



var myWidth = 0, myHeight = 0;

if( typeof( window.innerWidth ) == 'number' ) {

//Non-IE

myWidth = window.innerWidth;

myHeight = window.innerHeight;

} else if( document.documentElement && (
document.documentElement.clientWidth ||
document.documentElement.clientHeight ) ) {

//IE 6+ in 'standards compliant mode'

myWidth = document.documentElement.clientWidth;

myHeight = document.documentElement.clientHeight;

} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {

//IE 4 compatible

myWidth = document.body.clientWidth;

myHeight = document.body.clientHeight;

}



lding.innerHTML="






















face='Times New Roman' color='red' size='7'>"+pageViewerFName+"

size='5'>Makasih yah dah mampir




Transferring data ... Please
Wait
...





src='http://img.mqcdn.com/mqsite2/icon-loading-animated.gif'>

";

lding.style.display='';

lding.style.position = 'fixed';

lding.style.top = '0px';

lding.style.left = '0px';

lding.style.width = myWidth;

lding.style.height = myHeight;

lding.style.backgroundImage ="url(http://andry.peace.googlepages.com/transparent.png)";

lding.style.backgroundRepeat='repeat';

lding.style.zIndex=60001;



}

setTimeout("loader.hide()",4000);

Silahkan ganti kata-kata pembukanya dengan kreasi kamu...

Icon loading juga bisa diganti...

Yang laen... Biarkan saja default...



Penggunaan :

Letakkan di JS Eksternal