Ehmm.... maaf nih buat para mod's kalo tread ini dah di share atau gk berguna, mohon di CLOSE ajah ya... credits : [b]Friendstertalk[/b] [url=http://theftalk.com/p=simpleMe]simpleMe[/url] [url=http://theftalk.com/p=oby_nagnar]gue[/url] [url=http://theftalk.com/p=agam78]my brother[/url] [url=http://mootools.net/]MooTools[/url] N kagak tau lagi.. previewnya : [url=http://profiles.friendster.com/79536453]KLIK[/url] coba klik CP buttonnya n fotonya (pokoknya yg bisa di klik) scriptnya gampang kok, cuma butuh : [b]1. Shadow CSS 2. Shadow JS[/b] Jangan ada CSS ini [quote]/* CENTER PROFILE TEXT AND CONTENTS */ body,td,tr,[b]div[/b],p { text-align: center; }[/quote] yg q bold.. akan ngerubah letak fotonya.. (gk center) tp bisa diilingin kok... jadi gini aja.. [quote]/* CENTER PROFILE TEXT AND CONTENTS */ body,td,tr,p { text-align: center; }[/quote] [hr][hr][hr][hr][hr][hr][hr][hr] Download this code 1. [url=http://www.stormpages.com/boykeone/shadow.css]shadow CSS[/url] 2. [url=http://www.stormpages.com/boykeone/shadow.js]shadow JS[/url] save di hostingan kamu atau copy URL yang diatas... trus masukin sini.. [quote]Asset.css('[b]SHADOW CSS[/b]'); window.addEvent('domready', function() { document.getElements('img', 'html', 'iframe', 'qt', 'swf').each(function(e){e.getParent().rel='Shadowbox';e.getParent().href=e.src}); Asset.javascript('[b]SHADOW JS[/b]'); }); window.addEvent('domready', function() {onPageLoad()}); window.onload = function(){ Shadowbox.init();TRACKER.init(); };[/quote] tarok di [b]C[/b] atau paling bawah JS kamu.. [hr][hr][hr][hr][hr][hr][hr][hr][hr][hr][hr][hr] [b] BUAT CP BUTTONS[/b] Selanjutnya, kalian masukin script ini di [b]Bagian B[/b] sesuai [url=http://theftalk.com/t15339-%7BTUTORIAL%7D-Kombinasi-Addbox-(UPDATE-08-03-08).html]referensi bang kanal[/url] [spoiler]var tax="<li><a rel=\"shadowbox\" class=\"option\" title=\"[color=#FF0000]Send Message here[/color]\" href=\"http://www.friendster.com/sendmessage.php?uid=[b]ID FS[/b]\">[color=blue]Send Message[/color]</a><li>"+ "<li><a rel=\"shadowbox\" class=\"option\" title=\"[color=#FF0000]Send a Smile here[/color]\" href=\"http://www.friendster.com/sendmessage.php?uid=[b]ID FS[/b]&action=sendsmile\">[color=blue]Send a Smile[/color]</a></li>"+ "<li><a rel=\"shadowbox\" class=\"option\" title=\"[color=#FF0000]Add Me?[/color]\" [b]URL ADD FRIEND KALIAN[/b]\">[color=blue]Add as Friend[/color]</a></li>"+ "<li><a rel=\"shadowbox\" class=\"option\" title=\"[color=#FF0000]Forward me to Friend?[/color]\" href=\"http://www.friendster.com/referafriend.php?refer=[b]ID FS[/b]\">[color=blue]Forward to Friend[/color]</a></li>"+ "<li><a rel=\"shadowbox\" class=\"option\" title=\"[color=#FF0000]Invite me to Group?[/color]\" href=\"http://www.friendster.com/group/inviteone.php?uid=[b]ID FS[/b]\">[color=blue]Invite to Group[/color]</a></li>"+ "<li><a rel=\"shadowbox\" class=\"option\" title=\"[color=#FF0000]Add a Comment for Me?[/color]\" href=\"http://www.friendster.com/comments.php?uid=[b]ID FS[/b]\">[color=blue]Add Comment[/color]</a></li>"+ "<li><a rel=\"shadowbox\" class=\"option\" title=\"[color=#FF0000]Add me to your Bookmarks?[/color]\" href=\"http://www.friendster.com/bookmarks.php?action=add&uid=[b]ID FS[/b]\">[color=blue]Add Bookmark[/color]</a></li>"+ "<li><a rel=\"shadowbox\" class=\"option\" title=\"[color=#FF0000]Friendstertalk[/color]\" href=\"http://theftalk.com/forum.php\">[color=blue]My Forum[/color]</a><li>"+ "<li><a rel=\"shadowbox\" class=\"option\" title=\"[color=#FF0000]My Gallery[/color]\" href=\"http://www.friendster.com/gallery.php\">[color=blue]My Gallery[/color]</a><li>"+ "<li><a rel=\"shadowbox;[b]width=480;height=430[/b]\" class=\"option\" title=\"[color=#FF0000]Nonton Yuk[/color]\" href=\"[b]http://h1.ripway.com/bodbehel/oby/TV.html[/b]\">[color=blue]TV Online[/color]</a><li>"+ "<li><a rel=\"shadowbox\" class=\"option\" title=\"[color=#FF0000]My Lovely[/color]\" href=\"[b]URL FOTO[/b]\">[color=blue]My Lovely[/color]</a><li>"; document.getElementById('controlPanelButtons').style.height='100%'; document.getElementById('controlPanelButtons').innerHTML = "<table width='100%'><tr><td align='center'>"+tax+"</td></tr></table>";[/spoiler] [b] COMMENT[/b] lalu kalo mau bohongin orang dengan banyaknya comment pake jurus ini... [spoiler]document.getElementById('content_18').getElementsByTagName("div")[0].innerHTML= "<span><a rel=\"shadowbox\" class=\"option\" title=\"[color=#FF0000]Post a Comment here[/color], "+pageViewerFName+"!\" href=\"http://www.friendster.com/comments.php?uid=[b]ID FS[/b]\">[color=blue]Post a Comment [/color]</a>|</span>"+ "<span><a rel=\"shadowbox\" class=\"option\" title=\"[color=#FF0000]Post a Comment here[/color], "+pageViewerFName+"!\" href=\"http://www.friendster.com/comments.php?uid=[b]ID FS[/b]\">[color=blue]View all [/color]([b]9999[/b])</a></span></a>"; document.getElementById('content_18').getElementsByTagName("div")[21].innerHTML= "<span><a rel=\"shadowbox\" class=\"option\" title=\"[color=#FF0000]Post a Comment here[/color], "+pageViewerFName+"!\" href=\"http://www.friendster.com/comments.php?uid=[b]ID FS[/b]\">[color=blue]Post a Comment [/color]</a>|</span>"+ "<span><a rel=\"shadowbox\" class=\"option\" title=\"[color=#FF0000]Post a Comment here[/color], "+pageViewerFName+"!\" href=\"http://www.friendster.com/comments.php?uid=[b]ID FS[/b]\">[color=blue]View all [/color]([b]9999[/b])</a></span></a>";[/spoiler] tarok di [b]B[/b] juga.. Keterangan : [color=#FF0000]Red text[/color] = [color=#FF0000]Judul saat kebuka[/color] [color=blue]Blue text[/color] = [color=blue]Nama pada CP buttons[/color] [b]BOLD[/b] = [b]ID FS[/b] (kecuali pada TV Online) sebenernya yang perlu banget dirubah cuma [b]ID FS[/b] doang.. tp up 2 you juga seh.. pada TV OL tuh bisa diatur [b]width & height[/b] nya ya... atur ndiri... n klo mau nambahin CP buttons yg lain ya tinggal tambahin aja ndiri... [quote]"<li><a rel=\"shadowbox\" class=\"option\" title=\"[color=#FF0000]JUDUL[/color]\" href=\"[b]URL YG DIMAU[/b]\">[color=blue]JUDUL[/color]</a><li>"+[/quote] tambahin di sela2nya situ... [b] BUAT FOTO GALERRY[/b] klo foto kalian mau diganti juga... pake ini [spoiler]var tax="<a rel=\"shadowbox[simpleMe];options={counterType:'skip',continuous:true,animSequence:'sync'}\" href=\"[b]URL FOTO 1[/b]\" title=\"[color=blue]JUDUL 1[/color]\"><img src=\"[b]URL FOTO 1[/b]\" width=\"86px\" height=\"75px\" alt=\"tax\"></a>"+ "<a rel=\"shadowbox[simpleMe];options={counterType:'skip',continuous:true,animSequence:'sync'}\" href=\"[b]URL FOTO 2[/b]\" title=\"[color=blue]JUDUL 2[/color]\"><img src=\"[b]URL FOTO 2[/b]\" width=\"87px\" height=\"75px\" alt=\"tax\"></a>"+ "<a rel=\"shadowbox[simpleMe];options={counterType:'skip',continuous:true,animSequence:'sync'}\" href=\"[b]URL FOTO 3[/b]\" title=\"[color=blue]JUDUL 3[/color]\"><img src=\"[b]URL FOTO 3[/b]\" width=\"86px\" height=\"75px\" alt=\"tax\"></a>"+ "<a rel=\"shadowbox[simpleMe];options={counterType:'skip',continuous:true,animSequence:'sync'}\" href=\"[b]URL FOTO 4[/b]\" title=\"[color=blue]JUDUL 4[/color]\"><img src=\"[b]URL FOTO 4[/b]\" width=\"86px\" height=\"75px\" alt=\"tax\"></a>"+ "<a rel=\"shadowbox[simpleMe];options={counterType:'skip',continuous:true,animSequence:'sync'}\" href=\"[b]URL FOTO 5[/b]\" title=\"[color=blue]JUDUL 5[/color]\"><img src=\"[b]URL FOTO 5[/b]\" width=\"87px\" height=\"75px\" alt=\"tax\"></a>"+ "<a rel=\"shadowbox[simpleMe];options={counterType:'skip',continuous:true,animSequence:'sync'}\" href=\"[b]URL FOTO 6[/b]\" title=\"[color=blue]JUDUL 6[/color]\"><img src=\"[b]URL FOTO 6[/b]\" width=\"86px\" height=\"75px\" alt=\"tax\"></a><br />"+ "<a rel=\"shadowbox[simpleMe];options={counterType:'skip',continuous:true,animSequence:'sync'};width=405;height=340\" class=\"option\" title=\"[color=blue]JUDUL 7[/color]\" href=\"[b]URL FOTO 7[/b]\"><img src=\"[b]URL FOTO 7[/b]\" width=\"86px\" height=\"75px\" alt=\"tax\"></a>"+ "<a rel=\"shadowbox[simpleMe];options={counterType:'skip',continuous:true,animSequence:'sync'};width=405;height=340\" class=\"option\" title=\"[color=blue]JUDUL 8[/color]\" href=\"[b]URL FOTO 8[/b]\"><img src=\"[b]URL FOTO 8[/b]\" width=\"87px\" height=\"75px\" alt=\"tax\"></a>"+ "<a rel=\"shadowbox[simpleMe];options={counterType:'skip',continuous:true,animSequence:'sync'};width=405;height=340\" class=\"option\" title=\"[color=blue]JUDUL 9[/color]\" href=\"[b]URL FOTO 9[/b]\"><img src=\"[b]URL FOTO 9[/b]\" width=\"86px\" height=\"75px\" alt=\"tax\"></a>"+ "<a rel=\"shadowbox[simpleMe];options={counterType:'skip',continuous:true,animSequence:'sync'};width=640;height=480\" class=\"option\" title=\"[color=blue]JUDUL 10[/color]\" href=\"[b]URL FOTO 10[/b]\"><img src=\"[b]URL FOTO 10[/b]\" width=\"86px\" height=\"75px\" alt=\"tax\"></a>"+ "<a rel=\"shadowbox[simpleMe];options={counterType:'skip',continuous:true,animSequence:'sync'};width=405;height=340\" class=\"option\" title=\"[color=blue]JUDUL 11[/color]\" href=\"[b]URL FOTO 11[/b]\"><img src=\"[b]URL FOTO 11[/b]\" width=\"87px\" height=\"75px\" alt=\"tax\"></a>"+ "<a rel=\"shadowbox[simpleMe];options={counterType:'skip',continuous:true,animSequence:'sync'};width=600;height=800\" class=\"option\" title=\"[color=blue]JUDUL 12[/color]\" href=\"[b]URL FOTO 12[/b]\"><img src=\"[b]URL FOTO 12[/b]\" width=\"86px\" height=\"75px\" alt=\"tax\"></a><br />"+ "<a rel=\"shadowbox[simpleMe];options={counterType:'skip',continuous:true,animSequence:'sync'}\" href=\"[b]URL FOTO 13[/b]\" title=\"[color=blue]JUDUL 13[/color]\"><img src=\"[b]URL FOTO 13[/b]\" width=\"86px\" height=\"75px\" alt=\"tax\"></a>"+ "<a rel=\"shadowbox[simpleMe];options={counterType:'skip',continuous:true,animSequence:'sync'}\" href=\"[b]URL FOTO 14[/b]\" title=\"[color=blue]JUDUL 14[/color]\"><img src=\"[b]URL FOTO 14[/b]\" width=\"87px\" height=\"75px\" alt=\"tax\"></a>"+ "<a rel=\"shadowbox[simpleMe];options={counterType:'skip',continuous:true,animSequence:'sync'}\" href=\"[b]URL FOTO 15[/b]\" title=\"[color=blue]JUDUL 15[/color]\"><img src=\"[b]URL FOTO 15[/b]\" width=\"86px\" height=\"75px\" alt=\"tax\"></a>"+ "<a rel=\"shadowbox[simpleMe];options={counterType:'skip',continuous:true,animSequence:'sync'}\" href=\"[b]URL FOTO 16[/b]\" title=\"[color=blue]JUDUL 16[/color]\"><img src=\"[b]URL FOTO 16[/b]\" width=\"86px\" height=\"75px\" alt=\"tax\"></a>"+ "<a rel=\"shadowbox[simpleMe];options={counterType:'skip',continuous:true,animSequence:'sync'}\" href=\"[b]URL FOTO 17[/b]\" title=\"[color=blue]JUDUL 17[/color]\"><img src=\"[b]URL FOTO 17[/b]\" width=\"87px\" height=\"75px\" alt=\"tax\"></a>"+ "<a rel=\"shadowbox[simpleMe];options={counterType:'skip',continuous:true,animSequence:'sync'}\" href=\"[b]URL FOTO 18[/b]\" title=\"[color=blue]JUDUL 18[/color]\"><img src=\"[b]URL FOTO 18[/b]\" width=\"86px\" height=\"75px\" alt=\"tax\"></a><br><br><a rel=\"shadowbox\" class=\"option\" title=\"My Album\" href=\"http://www.friendster.com/viewphotos.php?a=0&uid=[b]ID FS[/b]\"><b>View All Albums</b></a><br><br></center>"; document.getElementById('content_1').style.height='275'; document.getElementById('content_1').innerHTML = "<table width='150%'><tr><td align='center'>"+tax+"</td></tr></table>";[/spoiler] tarok di [b]B[/b] kalo mau ditambah lagi, tambah dalam kelipatan 6 ya.. screenshot: [spoiler][img]http://h1.ripway.com/iuwa/oby/untitled.JPG[/img][/spoiler] [hr][hr][hr][hr][hr][hr][hr][hr][hr][hr][hr][hr] [align=center][quote][b][color=#FF0000] VERSI FLOATING BY TEGUH0203 [/color][/b][/quote] [/align] Preview : [url=http://profiles.friendster.com/79536453]KLIK[/url] [spoiler]dude="<div id='profilebuttons' style='position:absolute;z-index:50;text-align:center'>" +"<a rel=\"shadowbox\" class=\"option\" title=\"[color=#FF0000]Add Comment[/color]\" href=\"http://www.friendster.com/comments.php?uid=[b]ID FS[/b]\"><input type='button' value='[color=blue]Add Comment[/color]' class=\"xinox\" align='middle' style='display:inline;'><br>" +"<a rel=\"shadowbox\" class=\"option\" title=\"[color=#FF0000]view my friends[/color]\" href=\"http://www.friendster.com/friends.php?uid=[b]ID FS[/b]\"><input type='button' value='[color=blue]My Friends[/color]' class=\"xinox\" align='middle' style='display:inline;'><br>" +"<a rel=\"shadowbox\" class=\"option\" title=\"[color=#FF0000]view my photos[/color]\" href=\"http://www.friendster.com/photos/[b]ID FS[/b]\"><input type='button' value='[color=blue]My Photos[/color]' class=\"xinox\" align='middle' style='display:inline;'><br>" +"<a rel=\"shadowbox\" class=\"option\" title=\"[color=#FF0000]add me?[/color]\" href=\"[b]URL ADD KALIAN[/b]\"><input type='button' value='[color=blue]Add As Friend[/color]' class=\"xinox\" align='middle' style='display:inline;'><br>" +"<a rel=\"shadowbox\" class=\"option\" title=\"[color=#FF0000]Fti Music Box[/color]\" href=\"[b]http://h1.ripway.com/teguh0203/cih/musik.html[/b]\"><input type='button' value='[color=blue]My Music[/color]' class=\"xinox\" align='middle' style='display:inline;'><br>" +"<a rel=\"shadowbox\" class=\"option\" title=\"[color=#FF0000]TV Online[/color]\" href=\"[b]http://h1.ripway.com/bodbehel/oby/TV.html[/b]\"><input type='button' value='[color=blue]TV Online[/color]' class=\"xinox\" align='middle' style='display:inline;'><br>"; flow=document.getElementById('flo_wrapper'); river=document.createElement("div"); river.innerHTML=dude; flow.parentNode.insertBefore(river,flow); //in this part you can change it into "frombottom" or "fromtop" var verticalpos="fromtop" function BoyantDiv() { var startX = 10; var startY = 200; function ml(id) { if (document.getElementById) { var wek=document.getElementById(id); } else if (document.all) { var wek=document.all[id]; } else { var wek=document.layers[id]; } if(document.layers) { wek.style=wek; } wek.sP = function(x,y) {shino(x,y);}; function shino(x,y) { wek.style.right=x; wek.style.top=y; } wek.x = startX; if (verticalpos=="fromtop") { wek.y = startY; } else{ if (navigator.appName.indexOf("Netscape") != -1) { wek.y = pageYOffset + innerHeight; } else { wek.y = document.body.scrollTop + document.body.clientHeight; } wek.y -= startY; } return wek; } window.stayTopRight = function () {boyant();}; function boyant() { if (verticalpos=="fromtop"){ if (navigator.appName.indexOf("Netscape") != -1) { var tenten = pageYOffset; } else { var tenten = document.body.scrollTop; } ftlObj.y += (tenten + startY - ftlObj.y)/8; } else{ if (navigator.appName.indexOf("Netscape") != -1) { var tenten = pageYOffset + innerHeight; } else { var tenten = document.body.scrollTop + document.body.clientHeight; } ftlObj.y += (tenten - startY - ftlObj.y)/8; } ftlObj.sP(ftlObj.x, ftlObj.y); wakoko=setTimeout("stayTopRight()", 50); } ftlObj = ml("profilebuttons"); stayTopRight(); } BoyantDiv();[/spoiler] Tarok di [b]Bagian C [/b]atau paling bawah JS kalian... Kalo mau nambah lagi tinggal tambah gini... [quote]+"<a rel=\"shadowbox\" class=\"option\" title=\"[color=#FF0000]JUDUL[/color]\"[b]URL YANG DITUJU[/b]\"><input type='button' value='[color=blue]NAMA BUTTON[/color]' class=\"xinox\" align='middle' style='display:inline;'><br>"[/quote] masukin disela2 situ... [hr][hr][hr][hr][hr] sekian dulu... maaf klo ada salah kata... mohon maaf sebesar2nya... dudu...

Last edited by oby_nagnar (2008-12-24 09:02:34)