pertama tama, izin share dulu mod. kalo ngga berguna dan repost tolong tutup aja share ini
preview :
[img]http://img236.imageshack.us/img236/9651/friendsf6.jpg[/img]
[url]http://profiles.friendster.com/ovarz[/url]
step 1
buat file dengan nama [b]spin.js[/b]
isinya :
[quote]//EYEspin_dhtml (c) Petre Stefan
//email: eyecon@eyecon.ro
//website:
www.eyecon.ro
//Modified by JavaScriptKit.com for relative positioning of menu
//please leave this copyright notice intact
eye={p:0,x:0,y:0,w:0,h:0,r:0,v:0,s:0,isVertical:0,a1:0,a2:0,a3:0,color:'#ffffff',colorover:'#ffffff',backgroundcolor:'#0099ff',backgroundcolorover:'#000000',bordercolor:'#000000',fontsize:12,fontfamily:'Arial',pas:0,spinmenu:function(){this.p=this.r/this.s;this.a1=this.a2=this.isVertical?0:Math.PI/2},spinmenuitem:function(a7,a6,a5){a4=" onclick='window.open(\""+a6+"\""+(a5?(",\""+a5+"\""):",\"_self\"")+")'";document.write("<div id='spinmenu"+this.a3+"' style='cursor:pointer;cursor:expression(\"hand\");position:absolute;width:"+this.w+"px;left:"+this.h+"px;"+"background-color:"+this.backgroundcolor+";color:"+this.color+";border:1px solid "+this.bordercolor+";font:normal "+this.fontsize+"px "+this.fontfamily+";text-align:center;cursor:default;z-Index:1000;' onmouseover='this.style.color=\""+this.colorover+"\";this.style.backgroundColor=\""+this.backgroundcolorover+"\"'"+ "onmouseout='this.style.color=\""+this.color+"\";this.style.backgroundColor=\""+this.backgroundcolor+"\"'"+a4+">"+a7+"</div>");this.a3++},muta:function(){a8=document.getElementById("controale");for(i=0;i<this.a3;i++){a9=document.getElementById("spinmenu"+i+"");a9s=a9.style;if(this.isVertical){xi=parseInt(this.r*Math.cos(this.a1+i*this.pas))/this.s;yi=parseInt(this.r*Math.sin(this.a1+i*this.pas));a10=(this.p+xi)/(2*this.p);a11=this.fontsize*(this.p+xi)/(2*this.p)+2;a12=parseInt(100*(this.p+xi)/(2*this.p))}else{xi=parseInt(this.r*Math.cos(this.a1+i*this.pas));yi=parseInt(this.r*Math.sin(this.a1+i*this.pas))/this.s;a10=(this.p+yi)/(2*this.p);a11=this.fontsize*(this.p+yi)/(2*this.p)+2;a12=parseInt(100*(this.p+yi)/(2*this.p))};a13=(this.w-20)*a10+20;a14=(this.h-20)*a10+10;a9s.top=(yi+this.y-a14/2)+"px";a9s.left=(xi+this.x-a13/2)+"px";a9s.width=a13+"px";a9s.fontSize=a11+"px";a9s.zIndex=a12};a8.style.top=this.y+(this.isVertical?this.r:this.p)+this.h/2+6;a8.style.left=this.x-a8.offsetWidth/2;if(this.a1!=this.a2){this.a1=(this.a1>this.a2)?(this.a1-this.pas/this.v):(this.a1+this.pas/this.v);if(Math.abs(this.a1-this.a2)<this.pas/this.v)
this.a1=this.a2;setTimeout("eye.muta()",10)}},spinmenuclose:function(){this.pas=2*Math.PI/this.a3;document.write('<div id="controale" style="margin-top:70px;margin-left:90px"><button type="" onclick="eye.a2+=eye.pas;eye.muta()" onfocus="this.blur()"><div id="leftarrow" class="lftarrow"></div></button> <button type="" onclick="eye.a2-=eye.pas;eye.muta()" onfocus="this.blur()"><div id="rightarrow" class="rytarrow"></div></button></div>');eye.muta()}};
function getposOffset(what, offsettype){var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;var parentEl=what.offsetParent;while (parentEl!=null){totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft :totaloffset+parentEl.offsetTop;parentEl=parentEl.offsetParent;}return totaloffset;
}[/quote]
step 2
buat file baru dengan ekstensi [b].html[/b] yang isinya :
[quote]<html>
<head>
<title>3d Spin FriendList</title>
<script type="text/javascript" src="[b]URL OF YOUR OWN spin.js FILE[/b]"></script>
<style>
#imgfriend {
width: 75px;
height: 75px;
border: 0px solid #242424;
background-color: transparent;
overflow: hidden;
}
.imgblockfriend img{
height:75px;
}
#imgfriend img{
height: 75px;
}
#friendname {
font-family: verdana;
font-weight: bold;
size: 10px;
background-color: transparent;
color: #754705;
}
#friendname:hover{
color: #242424;
}
button {
background-color: transparent;
border:0px;
color: #242424;
font-family: verdana;
font-size: 10px;
font-weight: bold;
width: 50px;
height: 30px;
}
.lftarrow {
background-image: url([b]URL OF UR LEFT ARROW BUTTON[/b]);
background-position: right center;
background-repeat: no-repeat;
width:30px;
height:20px;
}
.rytarrow {
background-image: url([b]URL OF UR RIGHT ARROW BUTTON[/b]);
background-position: right center;
background-repeat: no-repeat;
width:30px;
height:20px;
}
</style>
</head>
<body>
<br><br>
<!-- LEAVE THIS AREA -->
<script type="text/javascript">
eye.isVertical = 0;
eye.x = 120;
eye.y = 0;
eye.w = 75;
eye.h = 30;
eye.r = 100;
eye.v = 20;
eye.s = 3;
eye.color = '#ffffff';
eye.colorover = '#242424';
eye.backgroundcolor = 'transparent';
eye.backgroundcolorover = 'transparent';
eye.bordercolor = 'none';
eye.fontfamily = 'Arial';
if (document.getElementById){
document.write('<div id="spinanchor" style="height:'+eval(eye.h+20)+'"></div>')
eye.anchor=document.getElementById('spinanchor')
eye.spinmenu();
eye.x+=getposOffset(eye.anchor, "left") //relatively position it
eye.y+=getposOffset(eye.anchor, "top") //relatively position it
<!-- EDIT SOME DATA HERE -->
//menuitem: eye.spinmenuitem(text, link, target)
eye.spinmenuitem("<div id='imgfriend' class='imgblockfriend' align='center'><img src='[b]URL OF UR FRIEND'S PHOTO 1[/b]'></div><div id='friendname'>[b]NAME OF UR FRIEND1[/b] </div>","http://www.friendster.com/[b]FRIENDSUSERID[/b]","_parent");
eye.spinmenuitem("<div id='imgfriend' class='imgblockfriend'><img src='[b]URL OF UR FRIEND'S PHOTO 2[/b]'></div><div id='friendname'>[b]NAME OF UR FRIEND 2[/b]</div>","http://www.friendster.com/[b]FRIENDSUSERID[/b]","_parent");
eye.spinmenuitem("<div id='imgfriend' class='imgblockfriend'><img src='[b]URL OF UR FRIEND'S PHOTO 3[/b]'></div><div id='friendname'>[b]NAME OF UR FRIEND 3[/b]</div>","http://www.friendster.com/[b]FRIENDSUSERID[/b]","_parent");
eye.spinmenuitem("<div id='imgfriend' class='imgblockfriend'><img src='[b]URL OF UR FRIEND'S PHOTO 4[/b]'></div><div id='friendname'>[b]NAME OF UR FRIEND 4[/b]</div>","http://www.friendster.com/[b]FRIENDSUSERID[/b]","_parent");
eye.spinmenuitem("<div id='imgfriend' class='imgblockfriend'><img src='[b]URL OF UR FRIEND'S PHOTO 5[/b]'></div><div id='friendname'>[b]NAME OF UR FRIEND 5[/b]</div>","http://www.friendster.com/[b]FRIENDSUSERID[/b]","_parent");
eye.spinmenuitem("<div id='imgfriend' class='imgblockfriend' align='center'><img src='[b]URL OF UR FRIEND'S PHOTO 6[/b]'></div><div id='friendname'>[b]NAME OF UR FRIEND 6[/b]</div>","http://www.friendster.com/[b]FRIENDSUSERID[/b]","_parent");
eye.spinmenuclose();
}
</script>
</body>
</html>[/quote]
ganti [b]URL OF YOUR OWN spin.js FILE[/b] dengan url [b]spin.js[/b] mu (yang gw tebelin di bagian atas)
dan jangan lupa masukkan friendster ID teman kamu, url foto teman kamu, dan nama teman kamu di EDIT SOME DATA HERE (yang gw tebelin di paling bawah)
direkomendasiakan fotonya dan spin js nya satu folder dengan folder js utama mu
oh iya
masukin juga URL panah kiri dan panah kanannya
(kalau mau, bisa pakai yang seperti di preview :
left :
http://img46.imageshack.us/img46/1383/kirirq5.gif
right :
http://img46.imageshack.us/img46/5351/kananfw2.gif)
step 3
kopi url [b].html[/b] kamu, dan paste di URL OF UR HTML FILE dibawah ini dan masukkan user ID kamu juga
(yang gw tebelin)
[quote]var spinFR;
try {spinFR = document.createElement("div");}
catch (e){spinFR = document.createElement("<div>");}
spinFR.innerHTML ="<div id='boxfriends' class='commonbox'><h2>My Friends</h2><div id='iframespin' style='border:0px'><iframe src='[b]URL OF UR HTML FILE[/b]' allowtransparency='yes' frameborder='0' height='220px' width='300px'></iframe></div><div align='center' style='font-weight:bold;padding-bottom:5px'><a href='http://www.friendster.com/friends/[b]USERID[/b]' target='_parent' title='View All My Friends'>View All 3000</a></div></div>";
document.getElementById("2").parentNode.appendChild(spinFR);[/quote]
taruh kode ini di js kamu bagian C sesuai referensi bang kanal
[url]http://theftalk.com/t15339.html[/url]
atau saran bang anti_teror
[quote]lebih baik kalau di letakkan di bagian B menurut referensi bang kanal
dan di dalam onload handler
....!!!!!
serta kan juga untuk CSS nya....!!!!!!
/* Featured Friends */
.friends {display:none!important;}
Agar featured friendsnya di hidden[/quote]
kalau bahasa kurang dimengerti, gw minta maaf
baru pertama kali buat thread baru soalnya
masih gugup

[hr][hr][hr]
[quote]Read the forum rules. No repost trick from TnT.
http://theftalk.com/t39368-.%3A3D-Spin-FriendList%2C-updated%2C-personaLized-ur-arrow-button%21%3A..html[/quote]
Last edited by deathwish4MCR-freak-dude (2008-08-06 07:41:57)