[b]Credit[/b]
[url=http://www.dynamicdrive.com]Dynamicdrive[/url]
[url=http://profiles.friendster.com/28043635]Noel[/url]
[url=http://profiles.friendster.com/28043635]Prepiu[/url] [b]klick header menu untuk ngeliat efectnya[/b]
atau : [url]http://h1.ripway.com/noeljelek/noel/button.html[/url]
Sebelum kamu Copas Mengopas...
Jangan lupa untuk menghide CP Button kamu
[quote]#controlPanelButtons {display:none!important;}[/quote]
Copas di [b]CSS[/b] kalian.
[quote][color=blue]Download JSnya di sini[/color]
[url=http://www.freewebtown.com/an03r/jquery.js]jquery.js[/url]
[url=http://www.freewebtown.com/an03r/ddaccordion.js]ddaccordion.js[/url][/quote]
kemudian bikin file [b]html[/b] di hostingan kamu.
dan simpan code di bawah ini
[spoiler]
<head>
<script type="text/javascript" src="[b]URL JS KAMU[/b]/jquery.js"></script>
<script type="text/javascript" src="[b]URL JS KAMU[/b]/ddaccordion.js"></script>
<script type="text/javascript">
ddaccordion.init({
headerclass: "expandable",
contentclass: "categoryitems",
collapseprev: true,
defaultexpanded: [0],
animatedefault: false,
persiststate: true,
toggleclass: ["", "openheader"],
togglehtml: ["prefix", "", ""],
animatespeed: "fast",
oninit:function(headers, expandedindices){
},
onopenclose:function(header, index, state, isclicked){ //custom code to run whenever a header is opened or closed
//do nothing
}
})
</script>
<style type="text/css">
.arrowlistmenu{
width: 170px; /*width of accordion menu*/
}
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 12px Arial;
text-align:center;
color: white;
background: black url(http://i36.photobucket.com/albums/e11/anoer/titlebar.png) repeat-x center left;
text-transform: uppercase;
padding: 2px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(http://i36.photobucket.com/albums/e11/anoer/titlebar-active.png);
}
.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}
.arrowlistmenu ul li{
padding-bottom: 0; /*bottom spacing between menu items*/
}
.arrowlistmenu ul li a{
color: #A70303;
background: url(http://www.griffins.com/images/usual_images/arrow_bullet.gif) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 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]Friendster[/b]</h3>
<ul class="categoryitems">
<li><a href="[b]Link Button[/b]" target="_blank">[b]Nama Button[/b]</a></li>
<li><a href="[b]Link Button[/b]" target="_blank">[b]Nama Button[/b]</a></li>
<li><a href="[b]Link Button[/b]" target="_blank">[b]Nama Button[/b]</a></li>
<li><a href="[b]Link Button[/b]" target="_blank">[b]Nama Button[/b]</a></li>
</ul>
<h3 class="menuheader expandable">[b]Menu Lainnya[/b]</h3>
<ul class="categoryitems">
<li><a href="[b]Link Button[/b]" target="_blank">[b]Nama Button[/b]</a></li>
<li><a href="[b]Link Button[/b]" target="_blank">[b]Nama Button[/b]</a></li>
<li><a href="[b]Link Button[/b]" target="_blank">[b]Nama Button[/b]</a></li>
<li><a href="[b]Link Button[/b]" target="_blank">[b]Nama Button[/b]</a></li>
</ul>
<h3 class="menuheader expandable">[b]Menu Lainnya[/b]</h3>
<ul class="categoryitems">
<li><a href="[b]Link Button[/b]" target="_blank">[b]Nama Button[/b]</a></li>
<li><a href="[b]Link Button[/b]" target="_blank">[b]Nama Button[/b]</a></li>
<li><a href="[b]Link Button[/b]" target="_blank">[b]Nama Button[/b]</a></li>
<li><a href="[b]Link Button[/b]" target="_blank">[b]Nama Button[/b]</a></li>
</ul>
<h3 class="menuheader expandable">[b]Menu Lainnya[/b]</h3>
<ul class="categoryitems">
<li><a href="[b]Link Button[/b]" target="_blank">[b]Nama Button[/b]</a></li>
<li><a href="[b]Link Button[/b]" target="_blank">[b]Nama Button[/b]</a></li>
<li><a href="[b]Link Button[/b]" target="_blank">[b]Nama Button[/b]</a></li>
<li><a href="[b]Link Button[/b]" target="_blank">[b]Nama Button[/b]</a></li>
</ul>
<div>
</body>
</html>
[/spoiler]
Edit code di atas (tulisan yang bercetak tebal) sesuai selera kamu
[quote][b]important![/b]
khusus untuk link add friend gunakan seperti ini:
<li><a href="http://www.friendster.com/addfriendrequest.php?uid=[b]UID kamu[/b]&email=[b]email kamu[/b]&confirm=1&authcode=4655f35351aec52aa68c4d8fd02315" target="_blank">Add Friends</a></li>[/quote]
Kemudian paste code di bawah ini ke dalam JS kamu di bagian [b]A[/b]
[spoiler]
//-------BUTTON GW-------------
var buttongw;
try {buttongw = document.createElement("div");}
catch (e) {buttongw = document.createElement("<div>");}
buttongw.innerHTML ="<div id='content_buttongw'><iframe style='allowtransparency='true' frameborder=0 width='200' height='250' scrolling='no' src='[b]URL yang kamu upload tadi[/b]'></iframe></div>";
document.getElementById("controlPanelButtons").parentNode.appendChild(buttongw);
[/spoiler]
Selamat Mencoba
dan klo ada kesalahan segera laporkan
Last edited by anoer (2008-07-15 19:34:34)
gw test dulu ah...
thanks for share dah.
Great job bro Anoer. Iya gak kepikiran sama abang buat CP buttons pakai HTML atau PHP
Member FTI memang gak ada matinye. +1 for you
Ditunggu ya bro Anoer Last edited by KaNaLiTnUk (2008-05-19 17:29:15)
Great job bro Anoer. Iya gak kepikiran sama abang buat CP buttons pakai HTML atau PHP
Member FTI memang gak ada matinye. +1 for you
lu bisa ganti dengan background apa aja
kagak nyangka cp buttons pake php
kreatib euy
makasii dah share
pengen nyoba tapi udah pake cp buttons dari flashvortex
Last edited by traNzisTa (2008-05-19 22:42:19)

lu bisa ganti dengan background apa aja
[/quote]
iya, pertama kali gw nyoba, kok ada warna putih nggak jelas. Setelah gw liat punya loe, gw baru sadar.
niez job bro..
lengkap sangat ne..
semoga sukses yah..
kumpulin kreasi yang lain bro..
padahal dah masukan kode hide cp button
periksain dong noer css nya apa ada yg salah
[url]http://h1.ripway.com/bagoy/ebeng.css[/url]
[url]http://profiles.friendster.com/ebeng[/url]
padahal dah masukan kode hide cp button
periksain dong noer css nya apa ada yg salah
http://h1.ripway.com/bagoy/ebeng.css
http://profiles.friendster.com/ebeng[/quote]
Ebeng gw ga ngeliat ada code hide controlpanelbutton di css lu
blom di refresh kali,mungkin juga ripway lu gangguan. coba periksa langsung open window http://h1.ripway.com/bagoy/ebeng.css, udah masuk lom
Klo udah masuk tetep ga bisa, Alternatif lainnya code hidenya pake versi JS
klo ga salah seperti ini
if ( ! attachOnLoadHandler(function () { rdiv();}))
window.onload = function () { rdiv();};
function rdiv() {
var a=document.getElementById("controlPanelButtons");
a.parentNode.removeChild(a);
}
tapi ko' gw ga ngeliat sama sekali
gw search lewat Ctrl + F di mozilla ga ada juga
klo mo pake versi JS, Copas di bagian A
[quote]if ( ! attachOnLoadHandler(function () { rdiv();}))
window.onload = function () { rdiv();};
function rdiv() {
var a=document.getElementById("controlPanelButtons");
a.parentNode.removeChild(a);
}[/quote]