[b]Preview[/b]
[url]http://profiles.friendster.com/bangkanal[/url] (open pakai Mozilla)
Tutorial ini aku buat dikarenakan ada permintaan dari salah satu member FTI'ers untuk menterjemahkan tutorial yang asli karena tutorial asli tersebut dalam bahasa Inggris. Mari kita mulai
[b][u]Step2nya adalah :[/u][/b]
[b]1.[/b] Rubah semua script addBox kalian yang ada di kanan ke sebelah kiri. Kalau boxnya sudah dikiri tidak usah dirubah-rubah lagi. Untuk letaknya silahkan disesuaikan dengan selera kalian OK. Script main addBox yang aku gunakan adalah :
<">Cara merubah letak addBox dari kanan ke kiri dengan script main addBox diatas adalah seperti di bawah ini. Misal aku ingin merubah letak box WVM aku :
[quote]addBox("[b]RIGHT[/b]",pageOwnerFName+"'s Visitors",TRACKER.div.innerHTML,"tracker",null);[/quote]
Nanti nanti scriptnya menjadi begini :
[quote]addBox("[b]LEFT[/b]",pageOwnerFName+"'s Visitors",TRACKER.div.innerHTML,"tracker",null);[/quote]
Khusus untuk addBox yang menggunakan main addBox berbeda seperti Mini Viewer, No Right Click CBOX atau WVMCBOX, cara yang dilakukan sedikit berbeda. Kita harus tahu dulu sibings dari main addBox scriptnya yaitu :
[b]- /controlpanel/i
- /photos/i
- /blogs/i
- /reviews/i
- /moreabout/i
- /publiccomments/i
- /scrapbook/i
- /meettrail/i
- /friends/i
- /ads/i
- /fanof/i
- /groups/i[/b]
Dan untuk merubah posisi boxnya dengan box yang lain kita gunakan :
[b]"above"[/b] - HTML string: ada persis di atas box siblings
[b]"below"[/b] - HTML string: ada persis di bawah box siblings
[b]null[/b] - HTML string: ada di bagian paling bawah box siblings
Sebagai contoh, kita ingin merubah letak Side Mini Viewer kita ada di atas Control Panel maka lihat di script Mini Viewer kalian bagian ini (mengacu pada update script Mini Viewer terbaru di http://theftalk.com/t9141-Viewer%27s-Main-Photo.html) :
[quote]SPAWNPIC.box("Hello "+name,this.photo,"spawnpic",[b]/friends/i[/b],"above");[/quote]
Nah jika kita ingin merubah letaknya di sebelah kiri di atas Control Panel maka scriptnya akan menjadi begini :
[quote]SPAWNPIC.box("Hello "+name,this.photo,"spawnpic",[b]/controlpanel/i[/b],"above");[/quote]
[b]2.[/b] OK setelah semua box kalian sudah ada di sebelah kiri, tambahkan script ini di bagian paling bawah JS utama kalian. Kalau di tutorial aku itu [b]BAGIAN C[/b].
[b]Membuat Box Kiri Ke Tengah[/b]
<">Terus tambahkan juga script ini :
[b]Membuat Box Kanan Ke Tengah[/b]
<">[b]NOTE:[/b] Lihat script2 di atas. Kalian tidak perlu memasukkan semua fungsi box kanan dan kirinya. Lihat profile kalian. Apabila kalian tidak ada box Review atau box Fans misalnya, maka script fungsi boxnya tidak perlu dimasukkan OK Last edited by KaNaLiTnUk (2008-05-03 10:50:43)

Last edited by loelo (2008-05-12 08:51:48)
http://theftalk.com/t21339-%7BTUTORIAL%7D-Tweak-newbie.html. Dsiana nanti bro Lelo bisa belajar dasar pembuatan CSS layout. Untuk script CSS extension yang lengkap, bro Loelo bisa lihat disini
http://theftalk.com/t7694-Complete-Compilation-Codes%21.html. Tapi sebelumnya bro L0elo harus belajar dulu tentang CSS extension
Untuk CSS generatornya bro Loelo bisa pilih dari salah satu situs berikut ini :
http://www.cubancouncil.com/friendster/index.html
http://friendster-tweakers.com/tools/friendster-editor/
http://www.bigoo.ws/generators/friendster/index.aspx
Selamat mencoba Last edited by KaNaLiTnUk (2008-02-22 12:02:58)
.
http://theftalk.com/t21339-%7BTUTORIAL%7D-Tweak-newbie.html. Dsiana nanti bro Lelo bisa belajar dasar pembuatan CSS layout. Untuk script CSS extension yang lengkap, bro Loelo bisa lihat disini
http://theftalk.com/t7694-Complete-Compilation-Codes%21.html. Tapi sebelumnya bro L0elo harus belajar dulu tentang CSS extension
Untuk CSS generatornya bro Loelo bisa pilih dari salah satu situs berikut ini :
http://www.cubancouncil.com/friendster/index.html
http://friendster-tweakers.com/tools/friendster-editor/
http://www.bigoo.ws/generators/friendster/index.aspx
Selamat mencoba
[/quote]
Abang bukan master kok. Someday bro Loelo juga bisa kayak abang
Untuk belaja JS dasar nya coba masuk kesini
http://theftalk.com/t8003-%7BTUTORIAL%7D-Eksternal-File.html
Nah kalau untuk mencari script2 JS nya bisa dilihat disini
http://theftalk.com/f4-Friendster-Tricks-Tutorials.html
Kalau untuk belajar cara mengkombinasikan CSS dan JS bro Loelo bisa masuk kesini
http://theftalk.com/t15339-%7BTUTORIAL%7D-Kombinasi-Addbox-LINKER-UPDATE-22-02-08%29.html
Happy tweaking bro Leolo
Tapi saya pernah coba ini, script ini agak error bila di gabungkan dengan script Tooltips. Soalnya Maen CSS juga Bang
[quote]#spawnpic {
position: [b]relative[/b];
left: 160px!important;
overflow: auto;
width: 490px
}[/quote]
Lihat yang saya bold, kalau tidak Abang coba saja gabungkan dengan script Tooltips.
Pasti agak aneh Bang (Tooltipsnya malah muncul di luar box)
Maaf kalau agak kurang jelas
Tapi saya pernah coba ini, script ini agak error bila di gabungkan dengan script Tooltips. Soalnya Maen CSS juga Bang
[quote]#spawnpic {
position: [b]relative[/b];
left: 160px!important;
overflow: auto;
width: 490px
}[/quote]
Lihat yang saya bold, kalau tidak Abang coba saja gabungkan dengan script Tooltips.
Pasti agak aneh Bang (Tooltipsnya malah muncul di luar box)
Maaf kalau agak kurang jelas
[/quote]
Memang agak susah bro Edo karena CSS nya pakai posisi relative dimana ini digunakan biar posisi box2nya tidak berbenturan satu sama lain. Kalau aku coba boxnya pakai posisi absolute misalnya, nanti posisi boxnya saling tumpang tindih
tp apa nantinya jadinya gag kelebaran bang?
btw
saia dah coba� code nya...
tp...
knp box� nya gak di tengah profile ya bang...
trus..
miniviewer saia pun potongan image bawah nya gak mo ketengah juga...
bisa priksa in js saia bang ?
"udah saia kirim url js nya bang
"
thank`s bang...
btw
saia dah coba� code nya...
tp...
knp box� nya gak di tengah profile ya bang...
trus..
miniviewer saia pun potongan image bawah nya gak mo ketengah juga...
bisa priksa in js saia bang ?
"udah saia kirim url js nya bang
"
thank`s bang...
[/quote]
Apakah semua box yang di kanan sudah dipindahkan ke kiri bro Almo? Oh iya kalau mau pakai script ini, CSS utk memidahkan kolom kanan ke kiri nya jangan dulu dipakai
Kalau semua box yg kanan sudah dipindah ke kiri, jangan lupa tambahkan CSS extension tambahan untuk tiap2 addBox nya OK
[b]NOTE :[/b] Abang sudah lihat FS mu Almo dan memang CSS extension tambahan utk beberapa addBox nya kayaknya belum ditambahkan
Last edited by KaNaLiTnUk (2008-02-23 10:47:31)
"
"[/quote]
OK sebagai contoh kita ambil script addBox WVM bro Almo :
[quote]addBox("RIGHT",pageOwnerFName+"'s Visitors Log",TRACKER.div.innerHTML,"[b]tracker[/b]","2");[/quote]
Lihat bagian yang tebal diatas. itu adalah div ID dari box WVM. Jadi nanti CSS extension tambahannya adalah :
[quote]#[b]tracker[/b] {
position: relative;
left: 160px!important;
overflow: auto;
width: 490px
}[/quote]
Dan begitu seterusnya utk addBox bro Almo yang lain
[b]Pro : Sist Mod[/b]
Yup box di bagian kanannya masih akan tetap kelihatan kok cuma kita pindah boxnya disebelah kiri. Letak boxnya nanti bisa diatur di JS nya. Kalau utk boxnya jadi melebar kayaknya gak mungkin karena boxnya diatur di dalam CSS extension tambahan dimana di dalam CSS tersebut lebarnya dibuat 490px dan itu ukuran default box bagian kiri FS. Kalau ukuran boxnya terlalu sempit misalnya, tinggal edit saja lebar boxnya didalam CSS extension masing2 addBox Sist Mod
Last edited by KaNaLiTnUk (2008-02-23 12:27:57)