Pages: 12
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)
[b]TS[/b]
wew..
mantabh..
btw.btw..
selaen [b]Bounce[/b] efek'a apa aja sih..??
*udah lama ga maen powerpoint..
hehe...
[b]All[/b]
ada iiang tau efek'a ga..??
selaen [b]Bounce[/b]..
gw ga punya komputer neeh..
gw loopa semua efek� iiang ada di Power Point..
huff..
[url=http://profiles.friendster.com/tesdoank]PREPIU[/url]
[spoiler]+1 for u
.gif)
Last edited by dj_afran (2008-09-23 06:41:43)
ntar deh ta repost ulang...
@EbengMaya
all jangan Lupa pake semua.....
[align=right]...............
[/align]

[/quote]
disable javascript mungkin
ati ati mas...
internetnya lelet tuh
xixixixixi
[b]metro[/b]
prepiu jalan ko' om..
[img]http://i247.photobucket.com/albums/gg125/dj_afran/icons/40.gif[/img]
[b]TS[/b]
CP gw ga bisa show/hide.. [img]http://i247.photobucket.com/albums/gg125/dj_afran/icons/3.gif[/img]
kenapa tuh..?? [img]http://i247.photobucket.com/albums/gg125/dj_afran/icons/39.gif[/img]
Last edited by dj_afran (2008-09-25 04:52:53)
[b]TS[/b]
[i]-ralat-[/i]
bisa..
tapi susah banged nyari titik link'a...
hohoh...
Last edited by dj_afran (2008-09-25 09:18:25)


thank's yh dah share
http://theftalk.com/t44222-Show-Hides-box-dengan-model-Accordion-%5BUpdate-15-09-2008%5D-Add-tutorial.html
sorry nubie nih