Pertama Izin Kepada Moderator untuK share sebagian ini script

Creditnya dari
:: dani55
:: Tips N trick International

::
http://profiles.friendster.com/gumscumbag
copas bagian ini di bagian A,jika kamu tidak memiliki fungsi addBox
[spoiler]/*
show/hide with effects using MooTools javascript frame work for Friendster Profile.
gumscumbag {
http://profiles.friendster.com/gumscumbag }
August, 13 2008
*/
window.addEvent('load', function() {
$$('#flo_wrapper').each(function(iCons) {
//base configuration { duration | transition }
//Main Column { controlpanel | photo gallery | reviews | blogs | more about | testimonial & comment | media box }
//controlpanel
var iSlide1 = new Fx.Slide(iCons.getElement('#content_0'), { duration: 3000, transition: Fx.Transitions.[b]Bounce[/b].easeInOut });
iCons.getElement('.controlpanel h1').addEvent('click', function() {iSlide1.toggle()});
//photo gallery
var iSlide2 = new Fx.Slide(iCons.getElement('#content_1'), { duration: 3000, transition: Fx.Transitions.[b]Bounce[/b].easeInOut });
iCons.getElement('.photos h2').addEvent('click', function() {iSlide2.toggle()});
//reviews
var iSlide3 = new Fx.Slide(iCons.getElement('#content_12'), { duration: 3000, transition: Fx.Transitions.[b]Bounce[/b].easeInOut });
iCons.getElement('.reviews h2').addEvent('click', function() {iSlide3.toggle()});
//blogs
var iSlide4 = new Fx.Slide(iCons.getElement('#content_13'), { duration: 3000, transition: Fx.Transitions.[b]Bounce[/b].easeInOut });
iCons.getElement('.blogs h2').addEvent('click', function() {iSlide4.toggle()});
//more about
var iSlide5 = new Fx.Slide(iCons.getElement('#content_6'), { duration: 3000, transition: Fx.Transitions.[b]Bounce[/b].easeInOut });
iCons.getElement('.moreabout h2').addEvent('click', function() {iSlide5.toggle()});
//testimonial & comment
var iSlide6 = new Fx.Slide(iCons.getElement('#content_18'), { duration: 3000, transition: Fx.Transitions.[b]Bounce[/b].easeInOut });
iCons.getElement('.publiccomments h2').addEvent('click', function() {iSlide6.toggle()});
//media box
var iSlide7 = new Fx.Slide(iCons.getElement('#content_10'), { duration: 3000, transition: Fx.Transitions.[b]Bounce[/b].easeInOut });
iCons.getElement('.scrapbook h2').addEvent('click', function() {iSlide7.toggle()});
//Right Column { friends | i'm fan of | user groups | addBox }
//friends
var iSlide8 = new Fx.Slide(iCons.getElement('#content_2'), { duration: 3000, transition: Fx.Transitions.[b]Bounce[/b].easeInOut });
iCons.getElement( '.friends h2' ).addEvent( 'click', function(){ iSlide8.toggle(); } );
// un-comment this if you have fan and user groups
//i'm fan of
var iSlide9 = new Fx.Slide(iCons.getElement('#content_7'), { duration: 3000, transition: Fx.Transitions.[b]Bounce[/b].easeInOut });
iCons.getElement( '.fanof h2' ).addEvent( 'click', function(){ iSlide9.toggle(); } );
//user groups
var iSlide10 = new Fx.Slide(iCons.getElement('#content_8'), { duration: 3000, transition: Fx.Transitions.[b]Bounce[/b].easeInOut });
iCons.getElement( '.groups h2' ).addEvent( 'click', function(){ iSlide10.toggle(); } );
//addBoxes Here { Take addBox header class and addBox content ID }
// letakan script addBox disini
//Customize { Hide Box at first load }
//Edit Jika kamu menginginkan tertutup atau terbuka
// for example hide testimonial & comments at first load
[b]iSlide6.hide();iSlide5.hide();[/b]
});
});[/spoiler]
Bounce itu bisa di ubah...
ini pilihannya...
[spoiler]Nama Effect Effect
linear === linear
Quadratic === Quad
Cubic === Cubic
Quartic === Quart
Quintic === Quint
Sinusoidal === sine
Exponential === Expo
Circular === Circ
Bouncing === Bounce
Back === Back
Elastic === Elastic[/spoiler]
untuK onkliK nya ini creditnya sir nopathz
Copas di bagian B
[spoiler]//CONTROLPANEL
h=document.getElementById("controlpanel_header");
h.innerHTML="<a href=\"javascript:()\"><div>"+pageOwnerFName+"</div></a>";
//PHOTO
h=document.getElementById("1").getElementsByTagName("h2")[0];
h.innerHTML="<a href=\"javascript:()\"><div>"+pageOwnerFName+"\'s Photo's</div></a>";
//MOREABOUT
h=document.getElementById("6").getElementsByTagName("h2")[0];
h.innerHTML="<a href=\"javascript:()\"><div>More About "+pageOwnerFName+"</div></a>";
//PUBLICCOMMENTS
h=document.getElementById("18").getElementsByTagName("h2")[0];
h.innerHTML="<a href=\"javascript:()\"><div>Testimonials and Comments for "+pageOwnerFName+"</div></a>";
//FRIENDS
h=document.getElementById("2").getElementsByTagName("h2")[0];
h.innerHTML="<a href=\"javascript:()\"><div>"+pageOwnerFName+"\'s Friends</div></a>";
//FANS
h=document.getElementById("7").getElementsByTagName("h2")[0];
h.innerHTML="<a href=\"javascript:()\"><div>"+pageOwnerFName+"\'s Fans List</div></a>";
//GROUPS
h=document.getElementById("8").getElementsByTagName("h2")[0];
h.innerHTML="<a href=\"javascript:()\"><div>"+pageOwnerFName+"\'s Groups</div></a>";[/spoiler]
jika kamu ingin hide atau show edit bagian ini...
[spoiler][b]iSlide6.hide();iSlide5.hide();[/b]
itu contohnya untuk testimonial dan comment
jika ingin control panel seperti ini
<">dan seterusnya.....
edit edit aza lagi ....
untuk addBox tinggal edit ini aza..
asal sesuai IDnya
<">[/spoiler]jika kamu tidak memiliki content review dan blog harap di hapus aza...

karena scriptnya bakalan gak bisa jalan...
jika kamu memiliki fungsi addbox,sebaiknya gunakan js injection
upload dan beri kan nama apa aza contoh : [b]islde.js[/b]
biar gaK bentroK,,
dan tidaK mengurangi tampilannya
[spoiler]var myjs = document.createElement("script");
myjs.type = "text/javascript";
myjs.src = "[b]URL_iSLide[/b]";
document.getElementsByTagName("head")[0].appendChild(myjs);[/spoiler]
letaknya sama di bagian A juga..
untuK contoh addbox copas script ini di bawah ini
<">contoh addbox(saya gunakan W.V.M tracker)
[spoiler]var iSlide[b]11[/b] = new Fx.Slide(iCons.getElement('#content_tracker'), { duration: 3000, transition: Fx.Transitions.[b]Bounce[/b].easeInOut });
iCons.getElement( '.tracker h2' ).addEvent( 'click', function(){ iSlide[b]11[/b].toggle(); } );[/spoiler]
yang di bold harap di edit ...
tapi yang ini gaK usah..
previuw nya...:::::: [url]http://www.friendster.com/50726741[/url]
Apabila ada salah kata saya mohon maaf
dan langsung menghubungi saya biar saya perbaiki lagi...

bagi yang berkenan silahkan pakai..
dan yang cukup .....
dan sangaD memuaskan bisa berikan saya +Repu kan ????

Last edited by adhie46 (2008-10-10 23:20:36)