[b]saya ijin sher yah mod[/b]
[b]kalau kurang bagus atau tidak perlu atau sudah ada yang sher di hapus aja[/b]
Credit : [b]unmaskedluke[/b]
prepiu : [url=http://h1.ripway.com/fun42/friends.html][b]Tekan dengan LembuT[/b][/url]
langsung aja deh
1. buat file baru dengan nama imagemenu.css
isinya :
[spoiler]#imageMenu {
position: relative;
width: 225px;
height: 500px;
overflow: hidden;
}
#imageMenu ul {
list-style: none;
margin: 0px;
display: block;
height: 2000px;
width: 225px;
}
#imageMenu ul li {
float: left;
}
#imageMenu ul li a {
text-indent: -1000px;
background:#FFFFFF none scroll 0%;
border-top: 3px solid #fff;
cursor:pointer;
display:block;
overflow:hidden;
width: 225px;
height: 80px;
}
#imageMenu ul li.friends1 a {
background: url([b]url_photo_temen_lo_1[/b]) scroll 0%;
}
#imageMenu ul li.friends2 a {
background: url([b]url_photo_temn_lo_2[/b]) scroll 0%;
}
#imageMenu ul li.friends3 a {
background: url([b]url_photo_temen_lo_3[/b]) scroll 0%;
}
#imageMenu ul li.friends4 a {
background: url([b]url_photo_temen_lol_4[/b]) scroll 0%;
}
#imageMenu ul li.friends5 a {
background: url([b]url_photo_temen_lol_5[/b]) scroll 0%;
}
#imageMenu ul li.friends6 a {
background: url([b]url_photo_temen_lol_6[/b]) scroll 0%;
width: 225px;
}
.clear {
clear: both;
}[/spoiler]
ganti yg di [b]bold[/b] di atas dgn url temen kamu
ingat ukuran photonya harus [b]225x195[/b]
2. buat file baru lagi dengan nama terserahkamu.html
isinya :
[spoiler]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>judul lo</title>
<link rel="stylesheet" href="http://www.portal-gaming.com/ailsa/plugins/_common/css/main.css" type="text/css" media="all">
<link href="[b]link of imagemenu.css[/b]" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://www.portal-gaming.com/ailsa/plugins/_common/js/mootools.js"></script>
<script type="text/javascript" src="http://www.portal-gaming.com/ailsa/plugins/imagemenu/imageMenu.js"></script>
</head>
<body>
<center>
<div id="imageMenu">
<ul>
<li class="friends1"><a href="[b]url_FS_temen_lo_1[/b]">[b]nama_temen_lo_1[/b]</a></li>
<li class="friends2"><a href="[b]url_FS_temen_lo_2[/b]">[b]nama_temen_lo_2[/b]</a></li>
<li class="friends3"><a href="[b]url_FS_temen_lo_3[/b]">[b]nama_temen_lo_3[/b]</a></li>
<li class="friends4"><a href="[b]url_FS_temen_lo_4[/b]">[b]nama_temen_lo_4[/b]</a></li>
<li class="friends5"><a href="[b]url_FS_temen_lo_5[/b]">[b]nama_temen_lo_5[/b]</a></li>
<li class="friends6"><a href="[b]url_FS_temen_lo_6[/b]">[b]nama_temen_lo_6[/b]</a></li>
</ul>
</div>
</center>
<script type="text/javascript">
window.addEvent('domready', function(){
var myMenu = new ImageMenu($$('#imageMenu a'),{openWidth:195, border:3, onOpen:function(e,i){window.location=e;}});
});
</script>
</body>
</html>[/spoiler]
ganti yang di [b]bold[/b]
3. yg terakhir taruh ini di js kamu bag A
[quote]var imgmenu = "<center><iframe style='FILTER: chroma(color=#666666)' allowtransparency='true' frameborder=0 width='280' height='520' scrolling='no' src=[b]link html kamu[/b]></iframe><center><a href='http://www.friendster.com/friends/[b]id fs kamu[/b]' target='_blank'><b>View All Friends([b]jumlah teman kamu[/b])</a></b></div></center></center>";document.getElementById('content_2').style.height='100%';
document.getElementById('content_2').style.overflowY='hidden';
document.getElementById('content_2').innerHTML = "<table width='100%'><tr><td align='center'>"+imgmenu+"</td></tr></table>";[/quote]
ganti yang saya[b] bold[/b]
jika kurang mengerti bagian A,B,C maen˛ ke mari
[url=http://theftalk.com/t15339.html][b]Reperensi bang Kanal[/b][/url]
sekian dari saya
peace,love and cayo........cayo.........
Last edited by Freeya (2008-07-28 15:15:13)