ok langsung aja
klo ini dah pernah di share
ditutup aja MOD
pertama dunlut 2 file Js nya dlu
[url=http://h1.ripway.com/qcen/ddaccordion.js]ddaccordion.js[/url]
[url=http://h1.ripway.com/qcen/jquery-1.2.2.pack.js]jquery-1.2.2.pack.js[/url]
save keduanya di pisah
langkah selanjutnya
edit2 yg di bold di bawah ini
[quote]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<script type="text/javascript" src="[b]URL jquery-1.2.2.pack.js[/b]"></script>
<script type="text/javascript" src="[b]URL ddaccordion.js[/b]"></script>
</script>
<script type="text/javascript">
ddaccordion.init({ //top level headers initialization
headerclass: "expandable", //Shared CSS class name of headers group that are expandable
contentclass: "categoryitems", //Shared CSS class name of contents group
revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click" or "mouseover
collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc]. [] denotes no content
onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
animatedefault: false, //Should contents open by default be animated into view?
persiststate: true, //persist state of opened contents within browser session?
toggleclass: ["", "openheader"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
togglehtml: ["prefix", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively ["position", "html1", "html2"] (see docs)
animatespeed: "normal", //speed of animation: "fast", "normal", or "slow"
oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
//do nothing
},
onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
//do nothing
}
})
ddaccordion.init({ //2nd level headers initialization
headerclass: "subexpandable", //Shared CSS class name of sub headers group that are expandable
contentclass: "subcategoryitems", //Shared CSS class name of sub contents group
revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click" or "mouseover
collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
defaultexpanded: [], //index of content(s) open by default [index1, index2, etc]. [] denotes no content
onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
animatedefault: false, //Should contents open by default be animated into view?
persiststate: true, //persist state of opened contents within browser session?
toggleclass: ["opensubheader", "closedsubheader"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
togglehtml: ["none", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively ["position", "html1", "html2"] (see docs)
animatespeed: "normal", //speed of animation: "fast", "normal", or "slow"
oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
//do nothing
},
onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
//do nothing
}
})
</script>
<style type="text/css">
body {
border:none;
font:10px arial,helvetica,sans-serif;
background: transparent;
color: #0099ff;
overflow: auto;
margin: 0px;
padding: 0px;
}
.arrowlistmenu{
width: 300px;
padding-left: 20px;
}
.arrowlistmenu .menuheader{
font: bold 14px Arial;
color: white;
background: black url(http://i237.photobucket.com/albums/ff37/ibliz_photo/titlebar.png) repeat-x center left;
margin-bottom: 10px;
text-transform: none;
padding: 4px 0 4px 10px;
cursor: hand;
cursor: pointer;
}
.arrowlistmenu .openheader{
background-image: url(http://i237.photobucket.com/albums/ff37/ibliz_photo/titlebar-active.png);
}
.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding-left: 10px;
margin-bottom: 8px;
}
.arrowlistmenu ul li{
padding-bottom: 2px;
}
.arrowlistmenu ul li a{
color: #A70303;
display: block;
padding: 2px 0;
padding-left: 19px;
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}
.arrowlistmenu ul li a:visited{
color: #A70303;
}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}
</style>
</head>
<body>
<div class="arrowlistmenu">
<h3 class="menuheader expandable">[b]NAMA TEMAN KAMU[/b]</h3>
<ul class="categoryitems">
<div class="fitem1wrapper"><table class="fitem1table"><td class="itd"><div class="imgblock75"><a href="[b]URL FS TMN KAMU[/b]"><img src="[b]URL PHOTO TMN KAMU[/b]" height="75" border"0"></a></div>
<td class="dtd"><div class="title"><a href="[b]URL FS TMN KAMU[/b]"> [b]NAMA TEMAN KAMU[/b] </a></div>
[b]KOMENTAR TTNG TMN KAMU [/b]<br>
[b]KOMENTAR TTNG TMN KAMU [/b]<br>
[b]KOMENTAR TTNG TMN KAMU [/b]<br>
[b]KOMENTAR TTNG TMN KAMU[/b]<br>
[b]KOMENTAR TTNG TMN KAMU [/b]
</td>
</table>
</ul>
<h3 class="menuheader expandable">[b]NAMA TEMAN KAMU[/b]</h3>
<ul class="categoryitems">
<div class="fitem1wrapper"><table class="fitem1table"><td class="itd"><a href="[b]URL FS TMN KAMU[/b]"><img src="[b]URL PHOTO TMN KAMU[/b]" height="75" border="0" ></a></div>
<td class="dtd"><div class="title"><a href="[b]URL FS TMN KAMU[/b]"> [b]NAMA TEMAN KAMU[/b] </a></div>
[b]KOMENTAR TTNG TMN KAMU [/b]<br>
[b]KOMENTAR TTNG TMN KAMU [/b]<br>
[b]KOMENTAR TTNG TMN KAMU [/b]<br>
[b]KOMENTAR TTNG TMN KAMU [/b]<br>
[b]KOMENTAR TTNG TMN KAMU [/b]<br>
</td>
</table>
</ul>
<h3 class="menuheader expandable">[b]NAMA TEMAN KAMU[/b]</h3>
<ul class="categoryitems">
<div class="fitem1wrapper"><table class="fitem1table"><td class="itd"><a href="[b]URL FS TMN KAMU[/b]"><img src="[b]URL PHOTO TMN KAMU[/b]" height="75" border="0"></a></div>
<td class="dtd"><div class="title"><a href="[b]URL FS TMN KAMU[/b]"> [b]NAMA TEMAN KAMU[/b] </a></div>
[b]KOMENTAR TTNG TMN KAMU [/b]<br>
[b]KOMENTAR TTNG TMN KAMU [/b]<br>
[b]KOMENTAR TTNG TMN KAMU [/b]<br>
[b]KOMENTAR TTNG TMN KAMU [/b]<br>
[b]KOMENTAR TTNG TMN KAMU [/b]</td>
</table>
</ul>
</div>
</body>
</html>[/quote]
save sebagai [b] php[/b]
langkah selanjutnya
[quote]var code="<iframe style='FILTER: chroma(color=#666666)' allowtransparency='true' frameborder=0 width='350' height='300' scrolling='yes' src=[b]URL PHP YG TD KAMU SAVE[/b]></iframe>";
[b]addBox(header,code,"custombox_823","left")[/b][/quote]
masukan di js bagian B
yg di bold
sesuaikan dgn fungsi addbox kalian N jumlah Friend bisa di tambah sesuai yg kalian mau
thx
goodluk lah

preview
http://profiles.friendster.com/qcen
Last edited by IbLizMutz (2008-07-04 11:14:51)