[b]Credit goes to Dynamic Drive[/b] Preview [url]http://profiles.friendster.com/gnomesoldier[/url] Sudah lama script ini tidak bisa jalan di FS kita dan sekarang script ini kembali lagi Ini dia step2nya : 1. Cari 6 buah image yang akan dibuat sebagai falling image di FS kalian + 1 buah image utk cursor trailnya lalu upload ke situs hosting dan ambil URL nya. 2. Buat JS baru lalu kasih nama sesuka hati kalian (misal : script.js). Ini dia isi scriptnya : [quote]//Autumn leaves- by Kurt Grigg (kurt.grigg@virgin.net) //Modified by Dynamic Drive for NS6 functionality //visit http://www.dynamicdrive.com for this script //Pre-load your image below! grphcs=new Array(6) Image0=new Image(); Image0.src=grphcs[0]="[b]URL IMAGE 1[/b]"; Image1=new Image(); Image1.src=grphcs[1]="[b]URL IMAGE 2[/b]" Image2=new Image(); Image2.src=grphcs[2]="[b]URL IMAGE 3[/b]" Image3=new Image(); Image3.src=grphcs[3]="[b]URL IMAGE 4[/b]" Image4=new Image(); Image4.src=grphcs[4]="[b]URL IMAGE 5[/b]" Image5=new Image(); Image5.src=grphcs[5]="[b]URL IMAGE 6[/b]" Amount=8; //Smoothness depends on image file size, the smaller the size the more you can use! Ypos=new Array(); Xpos=new Array(); Speed=new Array(); Step=new Array(); Cstep=new Array(); ns=(document.layers)?1:0; ns6=(document.getElementById&&!document.all)?1:0; if (ns){ for (i = 0; i < Amount; i++){ var P=Math.floor(Math.random()*grphcs.length); rndPic=grphcs[P]; document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+rndPic+"></LAYER>"); } } else{ document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i = 0; i < Amount; i++){ var P=Math.floor(Math.random()*grphcs.length); rndPic=grphcs[P]; document.write('<img id="si'+i+'" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">'); } document.write('</div></div>'); } WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight; WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth; for (i=0; i < Amount; i++){ Ypos[i] = Math.round(Math.random()*WinHeight); Xpos[i] = Math.round(Math.random()*WinWidth); Speed[i]= Math.random()*5+3; Cstep[i]=0; Step[i]=Math.random()*0.1+0.05; } function fall(){ var WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight; var WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth; var hscrll=(ns||ns6)?window.pageYOffset:document.body.scrollTop; var wscrll=(ns||ns6)?window.pageXOffset:document.body.scrollLeft; for (i=0; i < Amount; i++){ sy = Speed[i]*Math.sin(90*Math.PI/180); sx = Speed[i]*Math.cos(Cstep[i]); Ypos[i]+=sy; Xpos[i]+=sx; if (Ypos[i] > WinHeight){ Ypos[i]=-60; Xpos[i]=Math.round(Math.random()*WinWidth); Speed[i]=Math.random()*5+3; } if (ns){ document.layers['sn'+i].left=Xpos[i]; document.layers['sn'+i].top=Ypos[i]+hscrll; } else if (ns6){ document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos[i]); document.getElementById("si"+i).style.top=Ypos[i]+hscrll; } else{ eval("document.all.si"+i).style.left=Xpos[i]; eval("document.all.si"+i).style.top=Ypos[i]+hscrll; } Cstep[i]+=Step[i]; } setTimeout('fall()',20); } window.onload=fall //--> /****************************************** * Cross browser cursor trailer script- By Brian Caputo (bcaputo@icdc.com) * Visit Dynamic Drive (http://www.dynamicdrive.com/) for full source code * Modified Dec 31st, 02' by DD. This notice must stay intact for use ******************************************/ A=document.getElementById B=document.all; C=document.layers; T1=new Array("[b]URL CURSOR IMAGE TRAIL[/b]",[color=red][b]38[/b][/color],[color=blue][b]35[/b][/color],) var offsetx=15 //x offset of trail from mouse pointer var offsety=10 //y offset of trail from mouse pointer nos=parseInt(T1.length/3) rate=50 ie5fix1=0; ie5fix2=0; rightedge=B? document.body.clientWidth-T1[1] : window.innerWidth-T1[1]-20 bottomedge=B? document.body.scrollTop+document.body.clientHeight-T1[2] : window.pageYOffset+window.innerHeight-T1[2] for (i=0;i<nos;i++){ createContainer("CUR"+i,i*10,i*10,i*3+1,i*3+2,"","<img src='"+T1[i*3]+"' width="+T1[(i*3+1)]+" height="+T1[(i*3+2)]+" border=0>") } function createContainer(N,Xp,Yp,W,H,At,HT,Op,St){ with (document){ write((!A && !B) ? "<layer id='"+N+"' left="+Xp+" top="+Yp+" width="+W+" height="+H : "<div id='"+N+"'"+" style='position:absolute;left:"+Xp+"; top:"+Yp+"; width:"+W+"; height:"+H+"; "); if(St){ if (C) write(" style='"); write(St+";' ") } else write((A || B)?"'":""); write((At)? At+">" : ">"); write((HT) ? HT : ""); if (!Op) closeContainer(N) } } function closeContainer(){ document.write((A || B)?"</div>":"</layer>") } function getXpos(N){ if (A) return parseInt(document.getElementById(N).style.left) else if (B) return parseInt(B[N].style.left) else return C[N].left } function getYpos(N){ if (A) return parseInt(document.getElementById(N).style.top) else if (B) return parseInt(B[N].style.top) else return C[N].top } function moveContainer(N,DX,DY){ cA)? document.getElementById(N).style : (B)? B[N].style : (C)? C[N] : ""; if (!B){ rightedge=window.innerWidth-T1[1]-20 bottomedge=window.pageYOffset+window.innerHeight-T1[2] } c.left=Math.min(rightedge, DX+offsetx); c.top=Math.min(bottomedge, DY+offsety); } function cycle(){ //if (IE5) if (document.all&&window.print){ ie5fix1=document.body.scrollLeft; ie5fix2=document.body.scrollTop; } for (i=0;i<(nos-1);i++){ moveContainer("CUR"+i,getXpos("CUR"+(i+1)),getYpos("CUR"+(i+1))) } } function newPos(e){ moveContainer("CUR"+(nos-1),(B)?event.clientX+ie5fix1:e.pageX+2,(B)?event.clientY+ie5fix2:e.pageY+2) } function getedgesIE(){ rightedge=document.body.clientWidth-T1[1] bottomedge=document.body.scrollHeight-T1[2] } if (B){ window.onload=getedgesIE window.onresize=getedgesIE } if(document.layers) document.captureEvents(Event.MOUSEMOVE) document.onmousemove=newPos setInterval("cycle()",rate)[/quote] Ganti bagian yang tebal dengan URL image kalian. Khusus utk Cursor Image Trail, perhatikan bagian yang biru dan merah karena itu mewakili width dan height image yang kalian pakai. Sesuaikan OK 3. Setelah semuanya selesai, pakai script dibawah ini lalu taruh di bagian paling atas JS utama kalian [quote]document.write("<script type='text/javascript' src='[b]URL JS[/b]'></script>");[/quote] Ganti bagian yang tebal dengan URL JS kalian Bagi mereka yang BG nya gelap terus ingin ada tampilan saljunya, bisa pakai script ini. Penggunaanya sama kok seperti penjelasan diatas <"> Ini ada tambahan script simple image trail by : [b]Rajetungau[/b] nyoba2 script,eh berhasil..... nih codenya..... [quote]var trailimage=["[b]url_image_kamu[/b]", 18, 18] //image path, plus width and height var offsetfrommouse=[10,-24] //image x,y offsets from cursor position in pixels. Enter 0,0 for no offset var displayduration=0 //duration in seconds image should remain visible. 0 for always. if (document.getElementById || document.all) document.write('<div id="trailimageid" style="position:absolute;visibility:visible;left:0px;top:0px;width:1px;height:1px"><img src="'+trailimage[0]+'" border="0" width="'+trailimage[1]+'px" height="'+trailimage[2]+'px"></div>') function gettrailobj(){ if (document.getElementById) return document.getElementById("trailimageid").style else if (document.all) return document.all.trailimagid.style } function truebody(){ return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body } function hidetrail(){ gettrailobj().visibility="hidden" document.onmousemove="" } function followmouse(e){ var xcoord=offsetfrommouse[0] var ycoord=offsetfrommouse[1] if (typeof e != "undefined"){ xcoord+=e.pageX ycoord+=e.pageY } else if (typeof window.event !="undefined"){ xcoord+=truebody().scrollLeft+event.clientX ycoord+=truebody().scrollTop+event.clientY } var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15 var docheight=document.all? Math.max(truebody().scrollHeight, truebody().clientHeight) : Math.max(document.body.offsetHeight, window.innerHeight) if (xcoord+trailimage[1]+3>docwidth || ycoord+trailimage[2]> docheight) gettrailobj().display="none" else gettrailobj().display="" gettrailobj().left=xcoord+"px" gettrailobj().top=ycoord+"px" } document.onmousemove=followmouse if (displayduration>0) setTimeout("hidetrail()", displayduration*1000)[/quote] kalo mo liat hasilnya.... [url]http://www.friendster.com/38850701[/url] [b]Threadstarter : Aaf[/b] creadits : [url]www.dynamicdrive.com[/url] preview na [url=http://profiles.friendster.com/63715849]klik aja[/url] mohon maaf krn BG test page aaf cerah jdi efek hujan salju nya kurang jelas.. :rose: langsung aja.. copy code ini ke CSS kalian <"> trus copy ini ke JS, bagian C referensi bang Kanal [quote]var snowflakes=50; //NUMBER OF OBJECTS YOU WANT. var level=[b]2[/b]; //SPEED LEVEL 1 to 5. 1=SLOWER, 5=FASTER var w3c=(document.getElementById)?true:false; var ns4=(document.layers)?true:false; var ie4=(document.all && !w3c)?true:false; var ie5=(document.all && w3c)?true:false; var ns6=(w3c && navigator.appName.indexOf("Netscape")>=0)?true:false; var t=''; var w_x, w_y; var snow=new Array(); for(i=1;i<=snowflakes;i++)t+='<div id="snow'+i+'" class="snow"></div>'; document.write(t); function getstartpos(obj){ obj.size=Math.floor(Math.random()*5)+1 obj.ystep=obj.size*level; obj.xstep=obj.ystep/5; if(ns4)obj.clip.width=obj.clip.height=obj.size; else obj.style.width=obj.style.height=obj.size; moveidto(obj,Math.floor(Math.random()*w_x)-obj.size,0); } function movedrop(){ for(i=1;i<=snowflakes;i++){ var l=(ns4)?snow[i].left:parseInt(snow[i].style.left); var t=(ns4)?snow[i].top:parseInt(snow[i].style.top); var pxo=(ie4||ie5)?document.body.scrollLeft:pageXOffset; var pyo=(ie4||ie5)?document.body.scrollTop:pageYOffset; if( (t+snow[i].ystep+snow[i].size>=w_y+pyo) || (snow[i].xpos-snow[i].size<pxo)) getstartpos(snow[i]); else moveidto(snow[i], l-snow[i].xstep, t+snow[i].ystep); }} function getwindowdims(){ w_x=(ie4||ie5)? document.body.clientWidth:window.innerWidth; w_y=(ie4||ie5)? document.body.clientHeight:window.innerHeight; } function moveidto(id,x,y){ if(ns4)id.moveTo(x,y); else{ id.style.left=x+'px'; id.style.top=y+'px'; }} window.onresize=function(){ if(ns4)setTimeout('history.go(0)',400); else getwindowdims(); } window.onload=function(){ level=Math.max(Math.min(5,level),1) getwindowdims(); for(i=1;i<=snowflakes;i++){ snow[i]=(ns4)?document.layers['snow'+i]:(ie4)?document.all['snow'+i]:document.getElementById('snow'+i); getstartpos(snow[i]); moveidto(snow[i],Math.floor(Math.random()*(w_x-10)),Math.floor(Math.random()*(w_y-10))); } setInterval('movedrop()',50); }[/quote] yang dibold bisa kalian ubah 1-5 semoga membantu temen2 skalian

Last edited by KaNaLiTnUk (2008-05-18 12:14:38)