[img]http://cowo.bedon.googlepages.com/busur.png[/img] [b]credits [url=http://dynamicdrive.com]dynamicdrive[/url] and 6 sekawan[/b]

[img]http://cowo.bedon.googlepages.com/busur.png[/img] [b][sup][url=http://cowo.bedon.googlepages.com/FS.htm]PREVIEW[/url][/b][/sup]
[img]http://cowo.bedon.googlepages.com/busur.png[/img] ini codenya taruh d bagian A
[spoiler]// GLOSSY NAV
olala=" <div align='center'><ul class=\"glossymenu\"><li><a href=\"http://www.friendster.com\"><b>Home</b></a></li><li><a href=\"http://profiles.friendster.com/user.php\"><b>My profile</b></a></li><li><a href=\"http://www.friendster.com/friends.php\"><b>Friends</b></a></li><li><a href=\"http://www.friendster.com/logout.php\"><b>Logout</b></a></li></ul></div><br>";
var aha = document.getElementById('0');
var aye = document.createElement("li");
aye.innerHTML=olala;
aha.parentNode.insertBefore(aye,aha);[/spoiler]
[img]http://cowo.bedon.googlepages.com/busur.png[/img] dan yg taruh di CSSnya
[spoiler]/* glossy nav */
.glossymenu{
position: relative;
padding: 0 0 0 34px;
margin: 0 auto 0 auto;
background: url(http://cowo.bedon.googlepages.com/menug_bg.gif) repeat-x;
height: 46px;
list-style: none;
}
.glossymenu li{
float:left;
}
.glossymenu li a{
float: left;
display: block;
color:#000;
text-decoration: none;
font-family: sans-serif;
font-size: 13px;
font-weight: bold;
padding:0 0 0 16px;
height: 46px;
line-height: 46px;
text-align: center;
cursor: pointer;
}
.glossymenu li a b{
float: left;
display: block;
padding: 0 24px 0 8px;
}
.glossymenu li.current a, .glossymenu li a:hover{
color: #fff;
background: url(http://cowo.bedon.googlepages.com/menug_hover_left.gif) no-repeat;
background-position: left;
}
.glossymenu li.current a b, .glossymenu li a:hover b{
color: #fff;
background: url(http://cowo.bedon.googlepages.com/menug_hover_right.gif) no-repeat right top;
}[/spoiler]
di bagian url image yg ini
1. [img]http://cowo.bedon.googlepages.com/menug_bg.gif[/img]
http://cowo.bedon.googlepages.com/menug_bg.gif
2. [img]http://cowo.bedon.googlepages.com/menug_hover_left.gif[/img]
http://cowo.bedon.googlepages.com/menug_hover_left.gif
3. [img]http://cowo.bedon.googlepages.com/menug_hover_right.gif[/img]
http://cowo.bedon.googlepages.com/menug_hover_right.gif
kalo mau ganti warna buttonnya ini kebeneran saya sediakan


[img]http://cowo.bedon.googlepages.com/busur.png[/img] 1. [img]http://i242.photobucket.com/albums/ff39/Donzy_2007/menur_bg.gif[/img] 2. [img]http://i242.photobucket.com/albums/ff39/Donzy_2007/menur_hover_left.gif[/img] 3. [img]http://i242.photobucket.com/albums/ff39/Donzy_2007/menur_hover_right.gif[/img]
[img]http://cowo.bedon.googlepages.com/busur.png[/img] 1. [img]http://i242.photobucket.com/albums/ff39/Donzy_2007/menub_bg.gif[/img] 2. [img]http://i242.photobucket.com/albums/ff39/Donzy_2007/menub_hover_left.gif[/img] 3. [img]http://i242.photobucket.com/albums/ff39/Donzy_2007/menub_hover_right.gif[/img]
[img]http://cowo.bedon.googlepages.com/busur.png[/img] 1. [img]http://i242.photobucket.com/albums/ff39/Donzy_2007/menuo_bg.gif[/img] 2. [img]http://i242.photobucket.com/albums/ff39/Donzy_2007/menuo_hover_left.gif[/img] 3. [img]http://i242.photobucket.com/albums/ff39/Donzy_2007/menuo_hover_right.gif[/img]
[img]http://cowo.bedon.googlepages.com/busur.png[/img] 1. [img]http://i242.photobucket.com/albums/ff39/Donzy_2007/menupu_bg.gif[/img] 2. [img]http://i242.photobucket.com/albums/ff39/Donzy_2007/menupu_hover_left.gif[/img] 3. [img]http://i242.photobucket.com/albums/ff39/Donzy_2007/menupu_hover_right.gif[/img]
[img]http://cowo.bedon.googlepages.com/busur.png[/img] binun dgn bagian A B C d mana silahkan [url=http://theftalk.com/t15339-%7BTUTORIAL%7D-Kombinasi-JS-dan-WVM-%2B-Addbox-%28UPDATE-08-03-08%29.html]KESINI[/url]
dan sgtu ajah
mohon maabh sebelumnya dan semoga berkenan

Last edited by Co_don SanAdH (2008-06-17 11:16:19)