- ARCHIVES
- » 1.[b]Apple style Accordion Menu[/b] mau share dikit nih... :D credit : :arrow: dynamic drive :arrow: me inspiration: :arrow: Annoer [spoiler] step1: masukan kode ini ke css kamu untuk hide cp buttonny
1.[b]Apple style Accordion Menu[/b] mau share dikit nih... :D credit : :arrow: dynamic drive :arrow: me inspiration: :arrow: Annoer [spoiler] step1: masukan kode ini ke css kamu untuk hide cp buttonny
- EbengMaya
- » FTalkFreak
1890
0
1969-12-31
1.[b]Apple style Accordion Menu[/b] mau share dikit nih... :D credit : :arrow: dynamic drive :arrow: me inspiration: :arrow: Annoer [spoiler] step1: masukan kode ini ke css kamu untuk hide cp buttonny
1.[b]Apple style Accordion Menu[/b]
mau share dikit nih... 
credit :
dynamic drive
me
inspiration:
Annoer
[spoiler]
step1:
masukan kode ini ke css kamu untuk hide cp buttonnya 
<">step 2:
download dl dah kode js ini
[url]http://h1.ripway.com/agam10/ddaccordion.js[/url]
[url]http://h1.ripway.com/agam10/jquery-1.2.2.pack.js[/url]
step3:
download gambar ini
[img]http://h1.ripway.com/agam10/silvergradient.gif[/img][img]http://h1.ripway.com/agam10/silvergradientover.gif[/img]
step4:
buat text file baru dan masukan kode html berikut 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 lo[/b]
"></script>
<script type="text/javascript" src="[b]URL ddaccordion.js lo[/b]">
/***********************************************
* Accordion Content script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/
</script>
<script type="text/javascript">
ddaccordion.init({
headerclass: "silverheader", //Shared CSS class name of headers group
contentclass: "submenu", //Shared CSS class name of contents group
revealtype: "mouseover", //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: true, //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: ["", "selected"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
togglehtml: ["", "", ""], //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">
.applemenu{
margin: 5px 0;
padding: 0;
width: 150px; /*width of menu*/
border: 1px solid #9A9A9A;
}
.applemenu div.silverheader a{
background: black url([b]URL gambar yg dah di upload[/b]) repeat-x center left;
font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
}
.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
color: white;
}
.applemenu div.selected a, .applemenu div.silverheader a:hover{
background-image: url([b]URL gambar yg dah di upload[/b]);
color: white;
}
.applemenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
padding: 5px;
height: 110px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}
</style>
</head>
<body>
<div class="applemenu">
<div class="silverheader"><a href="http://www.friendster.com/comments.php?uid=[b]UID FS KAMU[/b]" onclick="window.open(this.href, 'spammers', 'resizable=yes,status=yes,scrollbars=yes,width=950,height=920'); return false;">[b]Kata2mu[/b]</a></div>
<div class="submenu">
Ebeng Cakep<br />
</div>
<div class="silverheader"><a href="http://www.friendster.com/messages.php?uid=[b]UID FS KAMU[/b]" onclick="window.open(this.href, 'spammers', 'resizable=yes,status=yes,scrollbars=yes,width=950,height=920'); return false;">[b]Kata2mu[/b]</a></div>
<div class="submenu">
Ebeng Cakep<br />
</div>
<div class="silverheader"><a href="[b]URL KAMU[/b]" onclick="window.open(this.href, 'spammers', 'resizable=yes,status=yes,scrollbars=yes,width=950,height=920'); return false;">[b]Nama URL[/b]</a></div>
<div class="submenu">
Ebeng Cakep<br />
</div>
<div class="silverheader"><a href="URL KAMU" onclick="window.open(this.href, 'spammers', 'resizable=yes,status=yes,scrollbars=yes,width=950,height=920'); return false;">[b]Nama URL[/b]</a></div>
<div class="submenu">
Ebeng Cakep<br />
</div>
<div class="silverheader"><a href="[b]URL KAMU[/b]" onclick="window.open(this.href, 'spammers', 'resizable=yes,status=yes,scrollbars=yes,width=950,height=920'); return false;">[b]Nama URL[/b]</a></div>
<div class="submenu">
Ebeng Cakep<br />
</div>
</div>
</body>
</html>[/quote]
edit yg di dah di bold
step5:
masukan kode ini ke js kamu dan simpan di bagian A
[quote]//-------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 HTML LO[/b]'></iframe></div>";
document.getElementById("controlPanelButtons").parentNode.appendChild(buttongw);[/quote]
[/spoiler]
ganti url yg dah di bold
klw pengen liat menu mentahnya
[url]http://h1.ripway.com/agam10/ddaccordionmenu-apple.html[/url]
live preview
[url]http://profiles.friendster.com/ebengemoholic[/url]
happy tweaking 
2.[b]Switch Menu II[/b]
sebelumnya klw trick ini pernah di share close aja ya langsung
langsung aja ke topik utama
credit :
[b]dynamic drive[/b]
[b] ebeng[/b]
[spoiler]
step 1:
download dl disini [url]http://www.dynamicdrive.com/dynamicindex1/xpmenuv2_2.zip[/url]
step2:
extrack dan upload semuanya ke web hostingan kamu
dan disana ada:
1.arrow-down-title-on.jpg
2.arrow-down-title.jpg
3.arrow-up-title-on.jpg
4.arrow-up-title.jpg
5.xpmenuv21.js
6.sddm.css
step3:
setelah di upload semuanya
baru skrg edit css dl ya
buka yg url sddm.css
[quote].navbar
{
}
.mainDiv
{
width:185px;
}
.topItem
{
font: bold 12px tahoma,verdana,sans-serif;
letter-spacing: 0;
background: url("[b]URL arrow-up-title.jpg[/b]") no-repeat 0 0;
background-position:center center;
background-repeat:no-repeat;
border: none;
width: 185px;
height: 25px;
color: #215dc6;
cursor:pointer;
text-indent:10px;
}
.topItemOver
{
text-indent:10px;
font: bold 12px tahoma,verdana,sans-serif;
letter-spacing: 0;
background: url("[b]URL arrow-up-title-on.jpg[/b]") no-repeat 0 0;
background-position:center center;
background-repeat:no-repeat;
height: 25px;
width: 185px;
color: #428eff;
cursor:pointer;
}
.topItemClose
{
text-indent:10px;
font: bold 12px tahoma,verdana,sans-serif;
letter-spacing: 0;
background: url("[b]URL arrow-down-title.jpg[/b]") no-repeat 0 0;
background-position:center center;
background-repeat:no-repeat;
height: 25px;
width: 185px;
color: #215dc6;
cursor:pointer;
}
.topItemCloseOver
{
text-indent:10px;
font: bold 12px tahoma,verdana,sans-serif;
letter-spacing: 0;
background: url("[b]URL arrow-down-title-on.jpg[/b]") no-repeat 0 0;
background-position:center center;
background-repeat:no-repeat;
height: 25px;
width: 185px;
color: #428eff;
cursor:pointer;
}
.dropMenu
{
font: bold 11px tahoma,verdana,sans-serif;
background-color: #d6dff7;
color: #000;
border: 1px solid #FFFFFF;
border-width: 0 1px 1px 1px;
filter:alpha(opacity=100);
padding-top:5px;
padding-bottom:5px;
}
.subMenu
{
display:block;
}
.subItem
{
margin-left:10px;
margin-top:2px;
height:18px;
font: 11px tahoma,verdana,sans-serif;
text-decoration:none;
color: #215dc6;
}
.subItem a
{
margin-left:23px;
font: 11px tahoma,verdana,sans-serif;
text-decoration:none;
color: #215dc6;
}
.subItemOver
{
margin-left:10px;
margin-top:2px;
font: 11px tahoma,verdana,sans-serif;
height:18px;
color: #428eff;
}
.subItemOver a
{
margin-left:23px;
font: 11px tahoma,verdana,sans-serif;
cursor:pointer;
color: #428eff;
text-decoration:underline;
cursor:pointer;
}
.drop
{
border-left:1px solid black;
border-right:1px solid black;
}[/quote]
step 4:
buat text file baru dan masukan kode html berikut ini
[quote]<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" >
<link rel="stylesheet" type="text/css" href="[b]URL sddm.css[/b]" >
</head>
<body>
<div class="navbar">
<!-- *********************************Start Menu****************************** -->
<div class="mainDiv" >
<div class="topItem" >menu 1</div>
<div class="dropMenu" ><!-- -->
<div class="subMenu" style="display:inline;">
<div class="subItem"><a href="[b]URL BEBAS" onclick="window.open(this.href, 'spammers', 'resizable=yes,status=yes,scrollbars=yes,width=950,height=920'); return false;">nama url[/b]</a></div>
<div class="subItem"><a href="[b]URL BEBAS" onclick="window.open(this.href, 'spammers', 'resizable=yes,status=yes,scrollbars=yes,width=950,height=920'); return false;">nama url[/b]</a></div>
<div class="subItem"><a href="[b]URL BEBAS onclick="window.open(this.href, 'spammers', 'resizable=yes,status=yes,scrollbars=yes,width=950,height=920'); return false;">nama url[/b]</a></div>
</div>
</div>
</div>
<!-- *********************************End Menu****************************** -->
<br>
<!-- *********************************Start Menu****************************** -->
<div class="mainDiv" >
<div class="topItem" >Menu 2</div>
<div class="dropMenu" ><!-- -->
<div class="subMenu" style="display:none;">
<div class="subItem"><a href="http://www.friendster.com/comments.php?uid=[b]UID FS[/b]" onclick="window.open(this.href, 'spammers', 'resizable=yes,status=yes,scrollbars=yes,width=950,height=920'); return false;">Kata2 lo</a></div>
<div class="subItem"><a href="http://www.friendster.com/messages.php?uid=[b]UID FS[/b]" onclick="window.open(this.href, 'spammers', 'resizable=yes,status=yes,scrollbars=yes,width=950,height=920'); return false;">kata2 lo</a></div>
<div class="subItem"><a href="http://www.friendster.com/editskin.php?uid=[b]UID FS[/b]" onclick="window.open(this.href, 'spammers', 'resizable=yes,status=yes,scrollbars=yes,width=950,height=920'); return false;">customize page</a></div>
</div>
</div>
</div>
<!-- *********************************End Menu****************************** -->
<script type="text/javascript" src="[b]URL xpmenuv21.js[/b]"></script>
</div>
</body>
</html>[/quote]
edit yg di bold ok 
dan save dgn format HTML dan kasih nama switch menu.html
step5:
masukan kode ini ke js kalian
[quote]//-------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 HTML switch menu[/b]'></iframe></div>";
document.getElementById("controlPanelButtons").parentNode.appendChild(buttongw);[/quote]
step6:
masukan ini ke css eksternal kalian
<">[/spoiler]
dan terakhir live preview
[url]http://profiles.friendster.com/73959550[/url]
duh panjangnya 
semoga dimengerti 
3.[b]Slashdot Menu[/b]
credit :
[b]dynamic drive[/b]
[b] ebeng[/b]
[spoiler]
step1:
download dl [url]http://www.dynamicdrive.com/dynamicindex1/sdmenu.zip[/url]
step2:
extrack dan upload semua yg ada di dlm zip tersebut ke dlm web hos kamu
step3:
edit sdmenu.css yg dah di upload tadi
[quote]div.sdmenu {
width: 150px;
font-family: Arial, sans-serif;
font-size: 12px;
padding-bottom: 10px;
background: url([b]bottom.gif[/b]) no-repeat right bottom;
color: #fff;
}
div.sdmenu div {
background: url([b]title.gif[/b]) repeat-x;
overflow: hidden;
}
div.sdmenu div:first-child {
background: url([b]toptitle.gif[/b]) no-repeat;
}
div.sdmenu div.collapsed {
height: 25px;
}
div.sdmenu div span {
display: block;
padding: 5px 25px;
font-weight: bold;
color: white;
background: url([b]expanded.gif[/b]) no-repeat 10px center;
cursor: default;
border-bottom: 1px solid #ddd;
}
div.sdmenu div.collapsed span {
background-image: url([b]collapsed.gif[/b]);
}
div.sdmenu div a {
padding: 5px 10px;
background: #eee;
display: block;
border-bottom: 1px solid #ddd;
color: #066;
}
div.sdmenu div a.current {
background : #ccc;
}
div.sdmenu div a:hover {
background : #066 url([b]linkarrow.gif[/b]) no-repeat right center;
color: #fff;
text-decoration: none;
}[/quote]
edit yg di bold
step4:
buat text file baru dan masukan kod HTMl ini
[quote]<html>
<head>
<link rel="stylesheet" type="text/css" href="[b]URL sdmenu.css[/b]" />
<script type="text/javascript" src="[b]URL sdmenu.js[/b]">
/***********************************************
* Slashdot Menu script- By DimX
* Submitted to Dynamic Drive DHTML code library: http://www.dynamicdrive.com
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
<script type="text/javascript">
// <![CDATA[
var myMenu;
window.onload = function() {
myMenu = new SDMenu("my_menu");
myMenu.init();
};
// ]]>
</script>
</head>
<body>
<div id="my_menu" class="sdmenu">
<div>
<span>menu 1</span>
<a href="[b]URL KAMU[/b]">[b]nama URL[/b]</a>
</div>
<div>
<span>menu 2</span>
<a href="http://www.friendster.com/messages.php?uid=[b]UID FS[/b]" onclick="window.open(this.href, 'spammers', 'resizable=yes,status=yes,scrollbars=yes,width=950,height=920'); return false;">kirim pesan ke ebeng</a>
</div>
<div>
<span>menu 3</span>
<a href="http://www.friendster.com/comments.php?uid=[b]UID FS[/b]" onclick="window.open(this.href, 'spammers', 'resizable=yes,status=yes,scrollbars=yes,width=950,height=920'); return false;">comment ke ebeng</a>
</div>
<div>
<span>menu 4</span>
<a href="http://www.friendster.com/editskin.php?uid=[b]UID FS[/b]" onclick="window.open(this.href, 'spammers', 'resizable=yes,status=yes,scrollbars=yes,width=950,height=920'); return false;">customize page</a>
</div>
</div>
</body>
</html>[/quote]
edit yg di bold
step5:
masukan kode untuk hide cp buttonnya ke dlm css kamu
<">step6:
masukan kode ini ke js kamu
[quote]//-------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 slashdot.html[/b]'></iframe></div>";
document.getElementById("controlPanelButtons").parentNode.appendChild(buttongw);[/quote]
edit yg di bold[/spoiler]
preview
[url]http://profiles.friendster.com/73790056[/url]
credit :
dynamic drive
me
inspiration:
Annoer
[spoiler]
step1:
masukan kode ini ke css kamu untuk hide cp buttonnya
<">step 2:
download dl dah kode js ini
[url]http://h1.ripway.com/agam10/ddaccordion.js[/url]
[url]http://h1.ripway.com/agam10/jquery-1.2.2.pack.js[/url]
step3:
download gambar ini
[img]http://h1.ripway.com/agam10/silvergradient.gif[/img][img]http://h1.ripway.com/agam10/silvergradientover.gif[/img]
step4:
buat text file baru dan masukan kode html berikut 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 lo[/b]
"></script>
<script type="text/javascript" src="[b]URL ddaccordion.js lo[/b]">
/***********************************************
* Accordion Content script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/
</script>
<script type="text/javascript">
ddaccordion.init({
headerclass: "silverheader", //Shared CSS class name of headers group
contentclass: "submenu", //Shared CSS class name of contents group
revealtype: "mouseover", //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: true, //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: ["", "selected"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
togglehtml: ["", "", ""], //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">
.applemenu{
margin: 5px 0;
padding: 0;
width: 150px; /*width of menu*/
border: 1px solid #9A9A9A;
}
.applemenu div.silverheader a{
background: black url([b]URL gambar yg dah di upload[/b]) repeat-x center left;
font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
}
.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
color: white;
}
.applemenu div.selected a, .applemenu div.silverheader a:hover{
background-image: url([b]URL gambar yg dah di upload[/b]);
color: white;
}
.applemenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
padding: 5px;
height: 110px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}
</style>
</head>
<body>
<div class="applemenu">
<div class="silverheader"><a href="http://www.friendster.com/comments.php?uid=[b]UID FS KAMU[/b]" onclick="window.open(this.href, 'spammers', 'resizable=yes,status=yes,scrollbars=yes,width=950,height=920'); return false;">[b]Kata2mu[/b]</a></div>
<div class="submenu">
Ebeng Cakep<br />
</div>
<div class="silverheader"><a href="http://www.friendster.com/messages.php?uid=[b]UID FS KAMU[/b]" onclick="window.open(this.href, 'spammers', 'resizable=yes,status=yes,scrollbars=yes,width=950,height=920'); return false;">[b]Kata2mu[/b]</a></div>
<div class="submenu">
Ebeng Cakep<br />
</div>
<div class="silverheader"><a href="[b]URL KAMU[/b]" onclick="window.open(this.href, 'spammers', 'resizable=yes,status=yes,scrollbars=yes,width=950,height=920'); return false;">[b]Nama URL[/b]</a></div>
<div class="submenu">
Ebeng Cakep<br />
</div>
<div class="silverheader"><a href="URL KAMU" onclick="window.open(this.href, 'spammers', 'resizable=yes,status=yes,scrollbars=yes,width=950,height=920'); return false;">[b]Nama URL[/b]</a></div>
<div class="submenu">
Ebeng Cakep<br />
</div>
<div class="silverheader"><a href="[b]URL KAMU[/b]" onclick="window.open(this.href, 'spammers', 'resizable=yes,status=yes,scrollbars=yes,width=950,height=920'); return false;">[b]Nama URL[/b]</a></div>
<div class="submenu">
Ebeng Cakep<br />
</div>
</div>
</body>
</html>[/quote]
edit yg di dah di bold
step5:
masukan kode ini ke js kamu dan simpan di bagian A
[quote]//-------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 HTML LO[/b]'></iframe></div>";
document.getElementById("controlPanelButtons").parentNode.appendChild(buttongw);[/quote]
[/spoiler]
ganti url yg dah di bold
klw pengen liat menu mentahnya
[url]http://h1.ripway.com/agam10/ddaccordionmenu-apple.html[/url]
live preview
[url]http://profiles.friendster.com/ebengemoholic[/url]
happy tweaking
2.[b]Switch Menu II[/b]
sebelumnya klw trick ini pernah di share close aja ya langsung
langsung aja ke topik utama
credit :
[b]dynamic drive[/b]
[b] ebeng[/b]
[spoiler]
step 1:
download dl disini [url]http://www.dynamicdrive.com/dynamicindex1/xpmenuv2_2.zip[/url]
step2:
extrack dan upload semuanya ke web hostingan kamu
dan disana ada:
1.arrow-down-title-on.jpg
2.arrow-down-title.jpg
3.arrow-up-title-on.jpg
4.arrow-up-title.jpg
5.xpmenuv21.js
6.sddm.css
step3:
setelah di upload semuanya
baru skrg edit css dl ya
buka yg url sddm.css
[quote].navbar
{
}
.mainDiv
{
width:185px;
}
.topItem
{
font: bold 12px tahoma,verdana,sans-serif;
letter-spacing: 0;
background: url("[b]URL arrow-up-title.jpg[/b]") no-repeat 0 0;
background-position:center center;
background-repeat:no-repeat;
border: none;
width: 185px;
height: 25px;
color: #215dc6;
cursor:pointer;
text-indent:10px;
}
.topItemOver
{
text-indent:10px;
font: bold 12px tahoma,verdana,sans-serif;
letter-spacing: 0;
background: url("[b]URL arrow-up-title-on.jpg[/b]") no-repeat 0 0;
background-position:center center;
background-repeat:no-repeat;
height: 25px;
width: 185px;
color: #428eff;
cursor:pointer;
}
.topItemClose
{
text-indent:10px;
font: bold 12px tahoma,verdana,sans-serif;
letter-spacing: 0;
background: url("[b]URL arrow-down-title.jpg[/b]") no-repeat 0 0;
background-position:center center;
background-repeat:no-repeat;
height: 25px;
width: 185px;
color: #215dc6;
cursor:pointer;
}
.topItemCloseOver
{
text-indent:10px;
font: bold 12px tahoma,verdana,sans-serif;
letter-spacing: 0;
background: url("[b]URL arrow-down-title-on.jpg[/b]") no-repeat 0 0;
background-position:center center;
background-repeat:no-repeat;
height: 25px;
width: 185px;
color: #428eff;
cursor:pointer;
}
.dropMenu
{
font: bold 11px tahoma,verdana,sans-serif;
background-color: #d6dff7;
color: #000;
border: 1px solid #FFFFFF;
border-width: 0 1px 1px 1px;
filter:alpha(opacity=100);
padding-top:5px;
padding-bottom:5px;
}
.subMenu
{
display:block;
}
.subItem
{
margin-left:10px;
margin-top:2px;
height:18px;
font: 11px tahoma,verdana,sans-serif;
text-decoration:none;
color: #215dc6;
}
.subItem a
{
margin-left:23px;
font: 11px tahoma,verdana,sans-serif;
text-decoration:none;
color: #215dc6;
}
.subItemOver
{
margin-left:10px;
margin-top:2px;
font: 11px tahoma,verdana,sans-serif;
height:18px;
color: #428eff;
}
.subItemOver a
{
margin-left:23px;
font: 11px tahoma,verdana,sans-serif;
cursor:pointer;
color: #428eff;
text-decoration:underline;
cursor:pointer;
}
.drop
{
border-left:1px solid black;
border-right:1px solid black;
}[/quote]
step 4:
buat text file baru dan masukan kode html berikut ini
[quote]<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" >
<link rel="stylesheet" type="text/css" href="[b]URL sddm.css[/b]" >
</head>
<body>
<div class="navbar">
<!-- *********************************Start Menu****************************** -->
<div class="mainDiv" >
<div class="topItem" >menu 1</div>
<div class="dropMenu" ><!-- -->
<div class="subMenu" style="display:inline;">
<div class="subItem"><a href="[b]URL BEBAS" onclick="window.open(this.href, 'spammers', 'resizable=yes,status=yes,scrollbars=yes,width=950,height=920'); return false;">nama url[/b]</a></div>
<div class="subItem"><a href="[b]URL BEBAS" onclick="window.open(this.href, 'spammers', 'resizable=yes,status=yes,scrollbars=yes,width=950,height=920'); return false;">nama url[/b]</a></div>
<div class="subItem"><a href="[b]URL BEBAS onclick="window.open(this.href, 'spammers', 'resizable=yes,status=yes,scrollbars=yes,width=950,height=920'); return false;">nama url[/b]</a></div>
</div>
</div>
</div>
<!-- *********************************End Menu****************************** -->
<br>
<!-- *********************************Start Menu****************************** -->
<div class="mainDiv" >
<div class="topItem" >Menu 2</div>
<div class="dropMenu" ><!-- -->
<div class="subMenu" style="display:none;">
<div class="subItem"><a href="http://www.friendster.com/comments.php?uid=[b]UID FS[/b]" onclick="window.open(this.href, 'spammers', 'resizable=yes,status=yes,scrollbars=yes,width=950,height=920'); return false;">Kata2 lo</a></div>
<div class="subItem"><a href="http://www.friendster.com/messages.php?uid=[b]UID FS[/b]" onclick="window.open(this.href, 'spammers', 'resizable=yes,status=yes,scrollbars=yes,width=950,height=920'); return false;">kata2 lo</a></div>
<div class="subItem"><a href="http://www.friendster.com/editskin.php?uid=[b]UID FS[/b]" onclick="window.open(this.href, 'spammers', 'resizable=yes,status=yes,scrollbars=yes,width=950,height=920'); return false;">customize page</a></div>
</div>
</div>
</div>
<!-- *********************************End Menu****************************** -->
<script type="text/javascript" src="[b]URL xpmenuv21.js[/b]"></script>
</div>
</body>
</html>[/quote]
edit yg di bold ok
dan save dgn format HTML dan kasih nama switch menu.html
step5:
masukan kode ini ke js kalian
[quote]//-------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 HTML switch menu[/b]'></iframe></div>";
document.getElementById("controlPanelButtons").parentNode.appendChild(buttongw);[/quote]
step6:
masukan ini ke css eksternal kalian
<">[/spoiler]
dan terakhir live preview
[url]http://profiles.friendster.com/73959550[/url]
duh panjangnya
semoga dimengerti
3.[b]Slashdot Menu[/b]
credit :
[b]dynamic drive[/b]
[b] ebeng[/b]
[spoiler]
step1:
download dl [url]http://www.dynamicdrive.com/dynamicindex1/sdmenu.zip[/url]
step2:
extrack dan upload semua yg ada di dlm zip tersebut ke dlm web hos kamu
step3:
edit sdmenu.css yg dah di upload tadi
[quote]div.sdmenu {
width: 150px;
font-family: Arial, sans-serif;
font-size: 12px;
padding-bottom: 10px;
background: url([b]bottom.gif[/b]) no-repeat right bottom;
color: #fff;
}
div.sdmenu div {
background: url([b]title.gif[/b]) repeat-x;
overflow: hidden;
}
div.sdmenu div:first-child {
background: url([b]toptitle.gif[/b]) no-repeat;
}
div.sdmenu div.collapsed {
height: 25px;
}
div.sdmenu div span {
display: block;
padding: 5px 25px;
font-weight: bold;
color: white;
background: url([b]expanded.gif[/b]) no-repeat 10px center;
cursor: default;
border-bottom: 1px solid #ddd;
}
div.sdmenu div.collapsed span {
background-image: url([b]collapsed.gif[/b]);
}
div.sdmenu div a {
padding: 5px 10px;
background: #eee;
display: block;
border-bottom: 1px solid #ddd;
color: #066;
}
div.sdmenu div a.current {
background : #ccc;
}
div.sdmenu div a:hover {
background : #066 url([b]linkarrow.gif[/b]) no-repeat right center;
color: #fff;
text-decoration: none;
}[/quote]
edit yg di bold
step4:
buat text file baru dan masukan kod HTMl ini
[quote]<html>
<head>
<link rel="stylesheet" type="text/css" href="[b]URL sdmenu.css[/b]" />
<script type="text/javascript" src="[b]URL sdmenu.js[/b]">
/***********************************************
* Slashdot Menu script- By DimX
* Submitted to Dynamic Drive DHTML code library: http://www.dynamicdrive.com
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
<script type="text/javascript">
// <![CDATA[
var myMenu;
window.onload = function() {
myMenu = new SDMenu("my_menu");
myMenu.init();
};
// ]]>
</script>
</head>
<body>
<div id="my_menu" class="sdmenu">
<div>
<span>menu 1</span>
<a href="[b]URL KAMU[/b]">[b]nama URL[/b]</a>
</div>
<div>
<span>menu 2</span>
<a href="http://www.friendster.com/messages.php?uid=[b]UID FS[/b]" onclick="window.open(this.href, 'spammers', 'resizable=yes,status=yes,scrollbars=yes,width=950,height=920'); return false;">kirim pesan ke ebeng</a>
</div>
<div>
<span>menu 3</span>
<a href="http://www.friendster.com/comments.php?uid=[b]UID FS[/b]" onclick="window.open(this.href, 'spammers', 'resizable=yes,status=yes,scrollbars=yes,width=950,height=920'); return false;">comment ke ebeng</a>
</div>
<div>
<span>menu 4</span>
<a href="http://www.friendster.com/editskin.php?uid=[b]UID FS[/b]" onclick="window.open(this.href, 'spammers', 'resizable=yes,status=yes,scrollbars=yes,width=950,height=920'); return false;">customize page</a>
</div>
</div>
</body>
</html>[/quote]
edit yg di bold
step5:
masukan kode untuk hide cp buttonnya ke dlm css kamu
<">step6:
masukan kode ini ke js kamu
[quote]//-------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 slashdot.html[/b]'></iframe></div>";
document.getElementById("controlPanelButtons").parentNode.appendChild(buttongw);[/quote]
edit yg di bold[/spoiler]
preview
[url]http://profiles.friendster.com/73790056[/url]
Last edited by EbengMaya (2008-07-19 12:52:16)
 |
- robbinhood
- » FTalkAgent
- 2140
- 0
- 1969-12-31
Re: 1.[b]Apple style Accordion Menu[/b] mau share dikit nih... :D credit : :arrow: dynamic drive :arrow: me inspiration: :arrow: Annoer [spoiler] step1: masukan kode ini ke css kamu untuk hide cp buttonny
wedew,
thanks for sharing mr. ebeng,
FTI makin maju dah,
top markotop !
|
- EbengMaya
- » FTalkFreak
- 1890
- 0
- 1969-12-31
Re: 1.[b]Apple style Accordion Menu[/b] mau share dikit nih... :D credit : :arrow: dynamic drive :arrow: me inspiration: :arrow: Annoer [spoiler] step1: masukan kode ini ke css kamu untuk hide cp buttonny
[quote=robbinhood]wedew,
thanks for sharing mr. ebeng,
FTI makin maju dah,
top markotop ![/quote]
hehehe sama2 bro hood
dicoba ya
terimakasih cendol nya :rose:
dicoba ya
terimakasih cendol nya :rose:
|
- pinoZ-FIXED-noZ
- » FTalkElite
- 7483
- 0
- 1969-12-31
Re: 1.[b]Apple style Accordion Menu[/b] mau share dikit nih... :D credit : :arrow: dynamic drive :arrow: me inspiration: :arrow: Annoer [spoiler] step1: masukan kode ini ke css kamu untuk hide cp buttonny
keren banget [b]kang ebeng[/b]
[b]teng por ser[/b]
terus berkarnya hidup [b]jawa barat[/b]
|
- ekhy_07
- » FTalkAddict
- 499
- 0
- 1969-12-31
Re: 1.[b]Apple style Accordion Menu[/b] mau share dikit nih... :D credit : :arrow: dynamic drive :arrow: me inspiration: :arrow: Annoer [spoiler] step1: masukan kode ini ke css kamu untuk hide cp buttonny
thx 4 share nich bang ebeng.....
pripiuny tuh lum sempurnah tuh bang.......
mmng FTI gk ada matinya.......
mmng FTI gk ada matinya.......
|
- _Qq Gunners_
- » FTalkWhiz
- 2777
- 0
- 1969-12-31
Re: 1.[b]Apple style Accordion Menu[/b] mau share dikit nih... :D credit : :arrow: dynamic drive :arrow: me inspiration: :arrow: Annoer [spoiler] step1: masukan kode ini ke css kamu untuk hide cp buttonny
wah
bagus
thanks for share
|
- EbengMaya
- » FTalkFreak
- 1890
- 0
- 1969-12-31
Re: 1.[b]Apple style Accordion Menu[/b] mau share dikit nih... :D credit : :arrow: dynamic drive :arrow: me inspiration: :arrow: Annoer [spoiler] step1: masukan kode ini ke css kamu untuk hide cp buttonny
pinoZ-FIXED-noZ
hidup Jawa Barat 
cobain noz
[quote=ekhy_07]thx 4 share nich bang ebeng.....
pripiuny tuh lum sempurnah tuh bang.......
mmng FTI gk ada matinya.......[/quote]
wew previewnya emang gk jalan ya 
[quote=_Qq Gunners_]wah
bagus
thanks for share[/quote]
sama2 bro
|
- ekhy_07
- » FTalkAddict
- 499
- 0
- 1969-12-31
Re: 1.[b]Apple style Accordion Menu[/b] mau share dikit nih... :D credit : :arrow: dynamic drive :arrow: me inspiration: :arrow: Annoer [spoiler] step1: masukan kode ini ke css kamu untuk hide cp buttonny
[quote=EbengMaya]wew previewnya emang gk jalan ya [/quote]
maap td connecsi d sini yg dudul kang,,,,
pas d ck lg,,akhrnya bisa....
maap bang...
[/quote]
maap td connecsi d sini yg dudul kang,,,,
pas d ck lg,,akhrnya bisa....
maap bang...
|
- CoWoCuPu
- » FTalkElite
- 4881
- 0
- 1969-12-31
Re: 1.[b]Apple style Accordion Menu[/b] mau share dikit nih... :D credit : :arrow: dynamic drive :arrow: me inspiration: :arrow: Annoer [spoiler] step1: masukan kode ini ke css kamu untuk hide cp buttonny
wah..........
makin manteb aja neh abang gw...
hohoho....
terus ber'kreasi iaah sob!!!
btw,, thx for sharing!!!!
keep it up! .gif)
|
- pispot_satu
- » FTalker
- 216
- 0
- 1969-12-31
Re: 1.[b]Apple style Accordion Menu[/b] mau share dikit nih... :D credit : :arrow: dynamic drive :arrow: me inspiration: :arrow: Annoer [spoiler] step1: masukan kode ini ke css kamu untuk hide cp buttonny
wew mantap dah beng.....
makin banyak trobosan baru ja neh FTI
makin banyak trobosan baru ja neh FTI
|
- killme_18
- » n00b
- 98
- 0
- 1969-12-31
Re: 1.[b]Apple style Accordion Menu[/b] mau share dikit nih... :D credit : :arrow: dynamic drive :arrow: me inspiration: :arrow: Annoer [spoiler] step1: masukan kode ini ke css kamu untuk hide cp buttonny
wedew....akhir nya di share juga neh....
kemarenc w dah nyoba,,,tapi ga tw cara ngilangin button yang lama nya....jadi w apus lagi dah...
klo gini kan w jadi tw....
mantap dah....
makasih atas share nya...
klo gini kan w jadi tw....
mantap dah....
makasih atas share nya...
|
- blackside91
- » FTalkAddict
- 353
- 0
- 1969-12-31
Re: 1.[b]Apple style Accordion Menu[/b] mau share dikit nih... :D credit : :arrow: dynamic drive :arrow: me inspiration: :arrow: Annoer [spoiler] step1: masukan kode ini ke css kamu untuk hide cp buttonny
wew!
keren juga control panel nya
|
- _indra_kurniawan_13
- » FTalkFreak
- 1922
- 0
- 1969-12-31
Re: 1.[b]Apple style Accordion Menu[/b] mau share dikit nih... :D credit : :arrow: dynamic drive :arrow: me inspiration: :arrow: Annoer [spoiler] step1: masukan kode ini ke css kamu untuk hide cp buttonny
weeew....
keren dagh bro ebeng...
thanks 4 shere..
thanks 4 shere..
|
- k2i5e7k8i7e
- » FTalkAddict
- 525
- 0
- 1969-12-31
Re: 1.[b]Apple style Accordion Menu[/b] mau share dikit nih... :D credit : :arrow: dynamic drive :arrow: me inspiration: :arrow: Annoer [spoiler] step1: masukan kode ini ke css kamu untuk hide cp buttonny
mau nanya nih,,,kira2 script ni tabrakan gak ma script laen,,,???
kLo tbrakan,,,script apa az....
|
- metropolix
- » FTalkAgent
- 2341
- 0
- 1969-12-31
Re: 1.[b]Apple style Accordion Menu[/b] mau share dikit nih... :D credit : :arrow: dynamic drive :arrow: me inspiration: :arrow: Annoer [spoiler] step1: masukan kode ini ke css kamu untuk hide cp buttonny
tang kayu udah mau saring may.. 
makin luv saia dengan kamu...
[i]kabur 5 bulan ke afganistan*[/i]..................
makin luv saia dengan kamu...
[i]kabur 5 bulan ke afganistan*[/i]..................
|
- EbengMaya
- » FTalkFreak
- 1890
- 0
- 1969-12-31
Re: 1.[b]Apple style Accordion Menu[/b] mau share dikit nih... :D credit : :arrow: dynamic drive :arrow: me inspiration: :arrow: Annoer [spoiler] step1: masukan kode ini ke css kamu untuk hide cp buttonny
ekhy_07
sip gk apa2 santai aja lg
>>CoWoCuPu
sama2 bro and makasih
>>pispot_satu
hehee makasih bro
>>aufar
thanks bro
>>killme_18
heehhe jd keburu ma gw dong
sip bro sama2
>>blackside91
hehe klw suka pake aja
>>_indra_kurniawan_13
sama2 bro indra
>>k2i5e7k8i7e
kyknya gk dech
selama lo gk bikin menu di bagian cp button aja
>>metropolix
wkwkwkw
sial lo panggil gw maya trs 
gw jg makin cin ma lo 
|
- sluurpblupblup
- » FTalkAddict
- 569
- 0
- 1969-12-31
Re: 1.[b]Apple style Accordion Menu[/b] mau share dikit nih... :D credit : :arrow: dynamic drive :arrow: me inspiration: :arrow: Annoer [spoiler] step1: masukan kode ini ke css kamu untuk hide cp buttonny
jiaahaha,,
bagus lagi aja kang ebeng..
mantebh..
nyoba yaah....
nyoba yaah....
|
- kuntilanak
- » FTalkElite
- 4412
- 0
- 1969-12-31
Re: 1.[b]Apple style Accordion Menu[/b] mau share dikit nih... :D credit : :arrow: dynamic drive :arrow: me inspiration: :arrow: Annoer [spoiler] step1: masukan kode ini ke css kamu untuk hide cp buttonny
NiceTrick bang.... aku salut deh..
gua nyerah deh....
|
- EbengMaya
- » FTalkFreak
- 1890
- 0
- 1969-12-31
Re: 1.[b]Apple style Accordion Menu[/b] mau share dikit nih... :D credit : :arrow: dynamic drive :arrow: me inspiration: :arrow: Annoer [spoiler] step1: masukan kode ini ke css kamu untuk hide cp buttonny
>>sluurpblupblup
silahkan dicoba sob
>>kuntilanak
hehehe makasih ...lah kenapa menyerah..semangat dong
>>kuntilanak
hehehe makasih ...lah kenapa menyerah..semangat dong
|