[quote=pashya]all
masih ad yg ol kan
klo mo buat seperti ne gmn yah
[/quote]
hummm.....
[spoiler]prtama, bkin code ini dngn nma [b]spinning.js[/b]
<">trus abis itu, bkin kode HTML dngn nma [b]spinning.html[/b] dngn isi sbgai brikut:
[spoiler]<html>
<head>
<title>3d Spin FriendList</title>
<script type="text/javascript" src="[b]URL JS SPINNING KAMU[/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 BUAT GAMBAR PANAH KIRI[/b]);
background-position: right center;
background-repeat: no-repeat;
width:30px;
height:20px;
}
.rytarrow {
background-image: url([b]URL BUAT GAMBAR PANAH KANAN[/b]);
background-position: right center;
background-repeat: no-repeat;
width:30px;
height:20px;
}
</style>
</head>
<body>
<br><br>
<!-- JANGAN EDIT BAGIAN INI -->
<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 SEPERLU-NYA -->
//menuitem: eye.spinmenuitem(text, link, target)
eye.spinmenuitem("<div id='imgfriend' class='imgblockfriend' align='center'><img src='[b]URL IMAGE PHOTO TEMAN KAMU #1[/b]'></div><div id='friendname'>[b]NAMA TEMAN KAMU #1[/b]</div>","http://www.friendster.com/[b]ID FS TEMAN KAMU #1[/b]","_parent");
eye.spinmenuitem("<div id='imgfriend' class='imgblockfriend'><img src='[b]URL IMAGE PHOTO TEMAN KAMU #2[/b]'></div><div id='friendname'>[b]NAMA TEMAN KAMU #2[/b]</div>","http://www.friendster.com/[b]ID FS TEMAN KAMU #2[/b]","_parent");
eye.spinmenuitem("<div id='imgfriend' class='imgblockfriend'><img src='[b]URL IMAGE PHOTO TEMAN KAMU #3[/b]'></div><div id='friendname'>[b]NAMA TEMAN KAMU #3[/b]</div>","http://www.friendster.com/[b]ID FS TEMAN KAMU #3[/b]","_parent");
eye.spinmenuitem("<div id='imgfriend' class='imgblockfriend'><img src='[b]URL IMAGE PHOTO TEMAN KAMU #4[/b]'></div><div id='friendname'>[b]NAMA TEMAN KAMU #4[/b]</div>","http://www.friendster.com/[b]ID FS TEMAN KAMU #4[/b]","_parent");
eye.spinmenuitem("<div id='imgfriend' class='imgblockfriend'><img src='[b]URL IMAGE PHOTO TEMAN KAMU #5[/b]'></div><div id='friendname'>[b]NAMA TEMAN KAMU #5[/b]</div>","http://www.friendster.com/[b]ID FS TEMAN KAMU #5[/b]","_parent");
eye.spinmenuitem("<div id='imgfriend' class='imgblockfriend' align='center'><img src='[b]URL IMAGE PHOTO TEMAN KAMU #6[/b]'></div><div id='friendname'>[b]NAMA TEMAN KAMU #6[/b]</div>","http://www.friendster.com/[b]ID FS TEMAN KAMU #6[/b]","_parent");
eye.spinmenuclose();
}
</script>
</body>
</html>[/spoiler]
baru, masukn kode ini d onload-handler'a:
[spoiler]var buckzspinning;
try {buckzspinning = document.createElement("div");}
catch (e){buckzspinning = document.createElement("<div>");}
buckzspinning.innerHTML ="<div id='boxfriends' class='commonbox'><h2>[b]My Friends[/b]</h2><div id='iframespin' style='border:0px'><iframe src='[b]URL LINK HTML[/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/USERID' target='_parent' title='View All My Friends'>View All 3000</a></div></div>";
document.getElementById("2").parentNode.appendChild(buckzspinning);[/spoiler]
taro [b]spinning.html[/b] d dlm URL LINK HTML....
tnggl edit aj yg ane bold...[/spoiler]
Last edited by Da BucKz (2008-12-03 17:01:19)