Ok pertama minta ijin mod buat share nih thread.. klo misalnya kagak ada gunanya atw ada yg pernah share ya di apus aja


credit to

[b]dinamic drive[/b]

[b]bang nopz buat shake imagenya[/b]

[b]6 sekawan[/b]
langsung aja dehh
buat yg belon punya shake image copy ini ke JS kalian

[spoiler]/*
Shake image script (onMouseover)-
© Dynamic Drive (
www.dynamicdrive.com)
For full source code, usage terms, and 100's more DHTML scripts, visit
http://dynamicdrive.com
*/
//configure shake degree (where larger # equals greater shake)
var rector=3
///////DONE EDITTING///////////
var stopit=0
var a=1
function init(which){
stopit=0
shake=which
shake.style.left=0
shake.style.top=0
}
function rattleimage(){
if ((!document.all&&!document.getElementById)||stopit==1)
return
if (a==1){
shake.style.top=parseInt(shake.style.top)+rector
}
else if (a==2){
shake.style.left=parseInt(shake.style.left)+rector
}
else if (a=

){
shake.style.top=parseInt(shake.style.top)-rector
}
else{
shake.style.left=parseInt(shake.style.left)-rector
}
if (a<4)
a++
else
a=1
setTimeout("rattleimage()",50)
}
function stoprattle(which){
stopit=1
which.style.left=0
which.style.top=0
}
[/spoiler]
taro di bagian C sesuai tutorial bang kanal,atau bisa juga di inject aja.. klo di inject pake ini
[quote]var myjs = document.createElement("script");
myjs.type = "text/javascript";
myjs.src = "[b]URL JS NYA[/b]";
document.getElementsByTagName("head")[0].appendChild(myjs);[/quote]
ganti aja yg di bold
next dunlut code ini

[url=http://h1.ripway.com/anggieita/baru/dropdown%20menu.txt]DROP DOWN MENU[/url]
trus taro di bagian C, menurut torial bang kanal
lalu code ini

[spoiler]
var cip = document.getElementById("navLang").innerHTML+="<div align=\"center\" style=\"width:100%;\"><div id=\"hit_area\" onmouseover=\"toggleDown();\"><center><img src='URL BG BUAT MENUNYA' border=0></center></div><div id=\"menu_holder\"><div id=\"nav\"><ul><div id=\"dropmenudiv\" style=\"visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'\" onMouseover=\"clearhidemenu()\" onMouseout=\"dynamichide(event)\"></div><li><a href=\"http://www.friendster.com/\" onMouseover=\"dropdownmenu(this, event, menu1, '150px')\" onMouseout=\"delayhidemenu()\"><img src=\"URL TOMBOL 1\"class=\"shakeimage\"onMouseover=\"init(this);rattleimage()\" onMouseout=\"stoprattle(this);top.focus()\"onClick=\"top.focus()\"></a></li><li><a href=\"http://www.friendster.com/user.php\" onMouseover=\"dropdownmenu(this, event, menu2, '150px')\" onMouseout=\"delayhidemenu()\"><img src=\"URL TOMBOL 2\"class=\"shakeimage\"onMouseover=\"init(this);rattleimage()\" onMouseout=\"stoprattle(this);top.focus()\"onClick=\"top.focus()\"></a></li><li><a href=\"http://www.friendster.com/widget_myapps.php\" onMouseover=\"dropdownmenu(this, event, menu3, '150px')\" onMouseout=\"delayhidemenu()\"><img src=\"URL TOMBOL 3\"class=\"shakeimage\"onMouseover=\"init(this);rattleimage()\" onMouseout=\"stoprattle(this);top.focus()\"onClick=\"top.focus()\"></a></li><li><a href=\"http://www.friendster.com/friends.php\" onMouseover=\"dropdownmenu(this, event, menu4, '150px')\" onMouseout=\"delayhidemenu()\"><img src=\"URL TOMBOL 4\"class=\"shakeimage\"onMouseover=\"init(this);rattleimage()\" onMouseout=\"stoprattle(this);top.focus()\"onClick=\"top.focus()\"></a></li><li><a href=\"http://www.friendster.com/explorer.php\" onMouseover=\"dropdownmenu(this, event, menu5, '150px')\" onMouseout=\"delayhidemenu()\"><img src=\"URL TOMBOL 5\"class=\"shakeimage\"onMouseover=\"init(this);rattleimage()\" onMouseout=\"stoprattle(this);top.focus()\"onClick=\"top.focus()\"></a></li><li><a href=\"http://www.friendster.com/gallery.php\" onMouseover=\"dropdownmenu(this, event, menu6, '150px')\" onMouseout=\"delayhidemenu()\"><img src=\"URL TOMBOL 6\"class=\"shakeimage\"onMouseover=\"init(this);rattleimage()\" onMouseout=\"stoprattle(this);top.focus()\"onClick=\"top.focus()\"></a></li><li><a href=\"http://olx.friendster.com/gateway_cobranded.php?country=\" onMouseover=\"dropdownmenu(this, event, menu7, '150px')\" onMouseout=\"delayhidemenu()\"><img src=\"URL TOMBOL 7\"class=\"shakeimage\"onMouseover=\"init(this);rattleimage()\" onMouseout=\"stoprattle(this);top.focus()\"onClick=\"top.focus()\"></a></li><li><a href=\"http://www.friendster.com/invite.php\" onMouseover=\"dropdownmenu(this, event, menu8, '150px')\" onMouseout=\"delayhidemenu()\"><img src=\"URL TOMBOL 8\"class=\"shakeimage\"onMouseover=\"init(this);rattleimage()\" onMouseout=\"stoprattle(this);top.focus()\"onClick=\"top.focus()\"></a></li></ul></div></div><div id=\"hit_area2\" onmouseover=\"toggleUp();\"><br><br><br><br></div></div>";[/spoiler]
taro di bagian B menurut tutorial bang kanal, buat tombol navigasinya tinggal buat sendiri aja sebaiknya pakai ukuran [b]40px X 40px [/b]
lalu msukkan ini ke css kalian

[spoiler]#menu_holder {
height: 58px;
width:100%;
display: block;
position: absolute;
top:-70px;
}
#hit_area {
height: auto;
width: 100%;
margin: 0px;
padding: 0px;
display: block;
background:none;
}
#hit_area2 {
width: 100%;
height: auto;
background:none;
padding: 0px;
display: block;
margin: 0px;
}
#nav {
height: 58px;
width: 842px;
margin: 0px;
padding: 0px;
background-image: url(http://h1.ripway.com/anggieita/baru/right.png);
background-repeat: no-repeat;
background-position: top right;
}
#nav ul {
margin: 0px;
padding: 0px 0px 0px 21px;
height: 58px;
list-style-type: none;
background-image: url(http://h1.ripway.com/anggieita/baru/left.png);
background-repeat: no-repeat;
}
#nav li{
margin: 0px;
padding: 0px;
float:left;
width: 100px;
}
#nav li a:link, #nav li a:active, #nav li a:visited {
background-image: url(http://h1.ripway.com/anggieita/baru/middlebt2.png);
background-repeat: repeat-x;
height: 58px;
width: auto;
display: block;
line-height: 58px;
font-weight: bold;
color: #000000;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
font-size: 120%;
}
#nav li a:focus, #nav li a:hover{
text-decoration : none;
-moz-outline:0;
color: #FFFFFF;
background-image: url();
background-repeat: repeat-x;
}
#dropmenudiv{
position:absolute;
border-bottom-width: 0;
font:normal 10px Verdana;
line-height:18px;
z-index:100;
text-align:left;
margin-top:-10px;
margin-left:-15px;
}
#dropmenudiv a{
width: 165px;
display: block;
text-indent: 3px;
border: 1px solid #ffffff;
padding: 1px 0;
text-decoration: none;
background-image: url(http://h1.ripway.com/anggieita/baru/middlebt2.png);
background-repeat: repeat-x;
font-family:arial
font-size:5pt;
color:#ffffff;
}
#dropmenudiv a:hover{ /*hover background color*/
background-image: url();
background-repeat: repeat-x;
}
.cbutton { /* Active Buttons*/
color: #ffffff;
font-family: Arial;
font-size: 96%;
font-weight: bold;
background-color: #99CCFF;
border:1px solid #ffffff;
width:100px;
text-align:center;
}
.cbuttonshov { /* Effects When Buttons is Hovered */
color: #ffffff;
font-family: Arial;
font-size: 96%;
font-weight: bold;
background-color: #CC9900;
border:1px solid #ffffff;
text-align:center;
}
.cbuttons { /* Active Buttons*/
color: #ffffff;
font-family: Arial;
font-size: 96%;
font-weight: bold;
background-color: #99CCFF;
border:1px solid #ffffff;
width:20px;
text-align:center;
}
.cbuttonshy { /* Active Buttons*/
color: #ffffff;
font-family: Arial;
font-size: 96%;
font-weight: bold;
background-color: #99CCFF;
border:1px solid #ffffff;
width:20px;
text-align:center;
}
.vbutton { /* Active Buttons*/
color: #ffffff;
font-family: Arial;
font-size: 96%;
font-weight: bold;
background-color: #99CCFF;
border:1px solid #ffffff;
width:80px;
text-align:center;
}[/spoiler]
buat tombolnya menunya liat contoh image ini
[img]http://h1.ripway.com/feelfree/navigasi/i.png[/img]
[img]http://h1.ripway.com/feelfree/navigasi/n.png[/img]
nahh pastikan juga kalo kode buat hide [b]navlang[/b] or navigasi language di css kalian di ilangin like this

[quote].navlang{ display:none!important}[/quote]
artinya navigasi buat language di sudut kanan kagak boleh di ilangin soalnya kode yg bejibun ini kagak bakal jalan.... okhay...
have a nice tweak eperibadi

edited
sorry lupa ngasih prepiuna


nih screen shutt nya ini [img]http://h1.ripway.com/anggieita/baru/36.jpg[/img]
atw liat fs gw aja
http://profiles.friendster.com/dickyan
maaf sebelumnya keknya buat prepiu di fs ane kagak jalan soalnya fs ane lagi aneh.. byk skript yg di fs ane jalan lancar tapi klo di view dari fs lain kagak jalan sama sekali....

soo skrg cuman bisa liat screenshuut nya aje.. maap yee
Last edited by indomie (2008-06-22 04:57:53)