Pages: 12
terlebih dahulu izin kpd Mods, untuk buat thread ini.. biggrin kalo rasanya uda pernah disharing ato gk berguna langsung tutup/close aja thread ini... nod credit :- javascript.com, mametgitu kode
You are viewing a post by kacang`z. View all 23 posts in terlebih dahulu izin kpd Mods, untuk buat thread ini.. biggrin kalo rasanya uda pernah disharing ato gk berguna langsung tutup/close aja thread ini... nod credit :- javascript.com, mametgitu kode.
2008-09-23 14:01:03
- kacang`z
- » FTalkWhiz
2662
0
1969-12-31
terlebih dahulu izin kpd Mods, untuk buat thread ini.. biggrin kalo rasanya uda pernah disharing ato gk berguna langsung tutup/close aja thread ini... nod credit :- javascript.com, mametgitu kode
terlebih dahulu izin kpd Mods, untuk buat thread ini.. biggrin
kalo rasanya uda pernah disharing ato gk berguna langsung tutup/close aja thread ini... nod
credit :- javascript.com, mametgitu
kode ini berfungsi merubah tampilan featured friendsmu dapat berputar 
preview : http://mamedz.fileave.com/spin/spinFriendlist.html
langsung ke kodenya :
1. buat file js dan beri nama [b]spinMenu.js[/b]
<">2. buat file html dan beri nama spinFriendlist.html yg berisi
[quote]<html>
<head>
<title>3d Spin FriendList</title>
<script type="text/javascript" src="[b]URL_SpinMenu.JS[/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(http://s4.tinypic.com/2e0ojk6_th.jpg);
background-position: right center;
background-repeat: no-repeat;
width:30px;
height:20px;
}
.rytarrow {
background-image: url(http://s4.tinypic.com/34spc43_th.jpg);
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
[b]
<!-- EDIT SOME DATA HERE -->[/b]
//menuitem: eye.spinmenuitem(text, link, target)
eye.spinmenuitem("<div id='imgfriend' class='imgblockfriend' align='center'><img src='[b]URL_PHOTO_TEMAN[/b]'></div><div id='friendname'>[i]NAMA TEMAN[/i]</div>","[u]URL_FS_TEMAN[/u]","_parent");
eye.spinmenuitem("<div id='imgfriend' class='imgblockfriend'><img src='[b]URL_PHOTO_TEMAN[/b]'></div><div id='friendname'>[i]NAMA TEMAN[/i]</div>","[u]URL_FS_TEMAN[/u]","_parent");
eye.spinmenuitem("<div id='imgfriend' class='imgblockfriend'><img src='[b]URL_PHOTO_TEMAN[/b]'></div><div id='friendname'>[i]NAMA TEMAN[/i]</div>","[u]URL_FS_TEMAN[/u]","_parent");
eye.spinmenuitem("<div id='imgfriend' class='imgblockfriend'><img src='[b]URL_PHOTO_TEMAN[/b]'></div><div id='friendname'>[i]NAMA TEMAN[/i]</div>","[u]URL_FS_TEMAN[/u]","_parent");
eye.spinmenuclose();
}
</script>
</body>
</html>[/quote]
ket:
-ganti yg [b]bold [/b]hitam dengan SpinMenu.js yg sudah kamu upload
-ganti yang di [b]bold yg bawah.[/b].. dengan url photo temanmu
-ganti yg tulisan nya [i]miring[/i] dengan nama temanmu
-ganti yg tulisannya [u]garis bawah[/u] dengan url fs temanmu =>(http://www.friendster.com/17881708)
kalau kalian ingin menambahkan jumlah tampilan friendnya, tggl ditambahkan aja kode dibawah ini...
[quote]eye.spinmenuitem("<div id='imgfriend' class='imgblockfriend'><img src='[b]URL_PHOTO_TEMAN[/b]'></div><div id='friendname'>[i]NAMA TEMAN[/i]</div>","[u]URL_FS_TEMAN[/u]","_parent");[/quote]
kode tersebut kamu letakkan diatas bagian ini
[quote]eye.spinmenuclose();[/quote]
3. Simpan kode dibawah ini di bagian paling atas js kamu:
[quote]//Animated Spin FriendList
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_HTML[/b] ' allowtransparency='yes' frameborder='0' height='220px' width='300px'>"+
"</iframe></div>"+
"<div align='center' style='font-weight:bold;padding-bottom:5px'>"+
"<a href='[u]URL_FS_LOE[/u]' target='_parent' title='View All My Friends'>[i]View All 3000[/i]</a>"+
"</div></div>";
document.getElementById("2").parentNode.appendChild(spinFR);[/quote]
-ganti yg di bold dengan url SpinFriendlist.html kamu tadi
-ganti yg tulisanya [u]garis bawah[/u] dengan url fs kamu
-ganti yg [i]tulisanya miring[/i] dgn jumlah friends kamu
preview : http://mamedz.fileave.com/spin/spinFriendlist.html
langsung ke kodenya :
1. buat file js dan beri nama [b]spinMenu.js[/b]
<">2. buat file html dan beri nama spinFriendlist.html yg berisi
[quote]<html>
<head>
<title>3d Spin FriendList</title>
<script type="text/javascript" src="[b]URL_SpinMenu.JS[/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(http://s4.tinypic.com/2e0ojk6_th.jpg);
background-position: right center;
background-repeat: no-repeat;
width:30px;
height:20px;
}
.rytarrow {
background-image: url(http://s4.tinypic.com/34spc43_th.jpg);
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
[b]
<!-- EDIT SOME DATA HERE -->[/b]
//menuitem: eye.spinmenuitem(text, link, target)
eye.spinmenuitem("<div id='imgfriend' class='imgblockfriend' align='center'><img src='[b]URL_PHOTO_TEMAN[/b]'></div><div id='friendname'>[i]NAMA TEMAN[/i]</div>","[u]URL_FS_TEMAN[/u]","_parent");
eye.spinmenuitem("<div id='imgfriend' class='imgblockfriend'><img src='[b]URL_PHOTO_TEMAN[/b]'></div><div id='friendname'>[i]NAMA TEMAN[/i]</div>","[u]URL_FS_TEMAN[/u]","_parent");
eye.spinmenuitem("<div id='imgfriend' class='imgblockfriend'><img src='[b]URL_PHOTO_TEMAN[/b]'></div><div id='friendname'>[i]NAMA TEMAN[/i]</div>","[u]URL_FS_TEMAN[/u]","_parent");
eye.spinmenuitem("<div id='imgfriend' class='imgblockfriend'><img src='[b]URL_PHOTO_TEMAN[/b]'></div><div id='friendname'>[i]NAMA TEMAN[/i]</div>","[u]URL_FS_TEMAN[/u]","_parent");
eye.spinmenuclose();
}
</script>
</body>
</html>[/quote]
ket:
-ganti yg [b]bold [/b]hitam dengan SpinMenu.js yg sudah kamu upload
-ganti yang di [b]bold yg bawah.[/b].. dengan url photo temanmu
-ganti yg tulisan nya [i]miring[/i] dengan nama temanmu
-ganti yg tulisannya [u]garis bawah[/u] dengan url fs temanmu =>(http://www.friendster.com/17881708)
kalau kalian ingin menambahkan jumlah tampilan friendnya, tggl ditambahkan aja kode dibawah ini...
[quote]eye.spinmenuitem("<div id='imgfriend' class='imgblockfriend'><img src='[b]URL_PHOTO_TEMAN[/b]'></div><div id='friendname'>[i]NAMA TEMAN[/i]</div>","[u]URL_FS_TEMAN[/u]","_parent");[/quote]
kode tersebut kamu letakkan diatas bagian ini
[quote]eye.spinmenuclose();[/quote]
3. Simpan kode dibawah ini di bagian paling atas js kamu:
[quote]//Animated Spin FriendList
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_HTML[/b] ' allowtransparency='yes' frameborder='0' height='220px' width='300px'>"+
"</iframe></div>"+
"<div align='center' style='font-weight:bold;padding-bottom:5px'>"+
"<a href='[u]URL_FS_LOE[/u]' target='_parent' title='View All My Friends'>[i]View All 3000[/i]</a>"+
"</div></div>";
document.getElementById("2").parentNode.appendChild(spinFR);[/quote]
-ganti yg di bold dengan url SpinFriendlist.html kamu tadi
-ganti yg tulisanya [u]garis bawah[/u] dengan url fs kamu
-ganti yg [i]tulisanya miring[/i] dgn jumlah friends kamu
 |