Matur Tengkyu bang Nopathz:thumbsup:

[quote=nopathz]Thread ini dibuat karena banyaknya permintaan dari temen2 tentang trik pada comment/testimonial di profile nopz ... [b]Dalam thread ini saya buat 2 versi dari tooltips comment.[/b] Script yang musti ada (untuk kedua versi ini) di ekternal js adalah script fungsi untuk menampilkan tooltips. Kopas code fungsi tooltips ini ke js kalian (bagi yang udah ada fungsi tooltips di js nya gak usah melakukan bagian ini). <">Script ini diletakkan pada bagian bawah dari js kalian atau pada BAGIAN C berdasarkan referensi tutorial Bang Kanal. -------------------------------------------------------------------------------------- [b]VERSI 1[/b] Preview : [url=http:http://profiles.friendster.com/deffanola]dummy[/url] Tambahkan ini ke dalam external js kalian pada bagian mana saja. Boleh di atas boleh dibawah terserah, sebaiknya di BAGIAN A (menurut referensi Tutorial Bang Kanal). <">Ganti nilai XXXX diatas dengan jumlah comment yang ada pada profile kalian. Karena biasanya ada 10 maka ganti nilai XXXX dengan angka 10. Ada juga yang baru dapet comment sedikit karena baru join FS maka nilai XXXX harus diganti sesuai dengan jumlah comment yang ada. Kemudian proses terakhir adalah menambah/mengubah external CSS kalian. [quote].publiccomments div div .dtd ul { color:#000; overflow: hidden; width: 440px; height: 50px; border: 1px solid #000; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; border: 1px solid #000; -moz-border-radius: 10px; padding: 10px; } .publiccomments div div .dtd ul:hover{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; height: 100%; min-height: 100px; border: 1px solid #FFF; } .publiccomments .title{ width:420px; background:#000; -moz-border-radius: 10px; padding:10px; }[/quote] Jangan lupa sesuaikan background, color dan width sesuai dengan profile kalian. -------------------------------------------------------------------------------------- [b]VERSI 2[/b] preview : [url]http://h1.ripway.com/nopathz/tracker/tooltipscommentver2.jpg[/url] Di versi 2 ini kita butuh script image getar (credit to http://www.dynamicdrive.com) yang diletakkan di BAGIAN C (sesuai referensi Tutorial Bang Kanal) : <">Kemudian, tambahkan ini ke dalam external js kalian pada bagian mana saja. Boleh di atas boleh dibawah terserah, sebaiknya di BAGIAN A (menurut referensi Tutorial Bang Kanal). <">Ganti nilai XXXX diatas dengan jumlah comment yang ada pada profile kalian. Karena biasanya ada 10 maka ganti nilai XXXX dengan angka 10. Ada juga yang baru dapet comment sedikit karena baru join FS maka nilai XXXX harus diganti sesuai dengan jumlah comment yang ada. kemudian letakkan ini di BAGIAN C (sesuai referensi Tutorial Bang Kanal) : <">Ganti nilai XXXX diatas dengan jumlah comment yang ada pada profile kalian. Kemudian proses terakhir adalah menambah/mengubah external CSS kalian. <">Jangan lupa sesuaikan background, color dan width dan juga image sesuai dengan profile kalian. --------------------------------------------------------------------------------- Gunakan salah satu versi saja. Jika ingin menggunakan versi 2 Anda musti menghapus yang versi 1. Demikian jjuga sebaliknya jika ingin menggunakan versi 1 Anda musti menghapus yang versi 2.[/quote] boz... saya pake yang versi 2 it's work:thumbsup:, tapi fotonya gak muncul n tooltipnya bwt icon2nya juga gak muncul mohon pencerahan.........

[quote=KhErMiNaToR]code tooltips nya udah dicopy blom?? letakkan paling bawah di js kmu.. <">[/quote] udah boz, akhirnya jalan juga.... thank kyu TOP oiya boz, kalo testinya pengen di munculin 2 ato 3 baris gtu yg dirubah apanya ya??? mohon pencerahannya lagi...

[quote=sahabat.peterpan][b]@ strezzpc[/b] Coba pakai script Reduce comment saja bro [quote]if (typeof CHOOSECOMM == "undefined" || !CHOOSECOMM) { CHOOSECOMM = {}; } CHOOSECOMM = { comm: null, init: function() { CHOOSECOMM.comm = CHOOSECOMM.getElementsByClassName(document.getElementById("content_18"),"div",/fitem1wrapper/i); for(var x=[b]5[/b];x<CHOOSECOMM.comm.length;x++) { if(CHOOSECOMM.comm[x] !== null) { CHOOSECOMM.comm[x].parentNode.removeChild(CHOOSECOMM.comm[x]); } } }, getElementsByClassName: function(oElm,sTag,sClass) { var elm = []; if (oElm === null)oElm = document; if (sTag === null)sTag = "*"; var els = oElm.getElementsByTagName(sTag) || document.all; for (var j=0,k=els.length;j<k;j++) { if (new RegExp(sClass).test(els[j].className))elm.push(els[j]); } return elm; } };CHOOSECOMM.init();[/quote] Itu yang saya [b]bold[/b] kamu ganti dengan angka ([i]ex : 1/2/3[/i]) yang akan muncul di Profile kamu.[/quote] Boz, scriptnya di gabung sama script tutorialnya dari boz nopathz ya??? truz ditaruh dimananya... bagian A, B ato C?

[quote=sahabat.peterpan]^Di bagian C bro. Paling bawah script kamu [/quote] Okey bozz, coba dulu thank kyu best regard ============ Boz, lha kok malah gak muncul comment nya???

Last edited by strezzpc (2008-03-04 11:53:35)

[quote=nopathz][quote=noxs]makasih bang ni yg saya tunggu2......tp bang kalo endak tukar itu tombol itu gi mana si......[/quote] tombol yang mana bro? kalau yang dimaksud itu tombol angka2 caranya buat image 0 sampai 9 dan diberi nama 0.gif sampai 9.gif setelah image tersebut di upload ke imagehosting, catat URLnya ... jika URLnya adalah [b]http://h1.ripway.com/noxs/image/0.gif[/b] sampai [b]http://h1.ripway.com/noxs/image/9.gif[/b], maka ganti bagian ini <">menjadi <">perhatikan perubahan URL-nya ... jika extensinya jpg atau png, tinggal ganti aja [b]gif [/b]pada kode diatas menjadi jpg atau png ... moga membantu ... ----------------------------------------------------------------- [quote=TA Juleigtin Siahaan]wew.. waaahhh...excellent codes bro nopatz.. I like ur profile so much.. [/quote] makasi bro mod ...[/quote] Boz nopathz minta ijin download iconnya buat disimpan di web hosting ku yaa....

Last edited by strezzpc (2008-03-06 03:29:02)

kalo mau masukin kode pake khusus buad code dumz!! jangan sampe ngabisin t4.. -.-' lagian krimin aja URL_Script kmu aja..

wadoh bang.....saia asal nya pake versi 1 trz pas saia rubah ke versi 2 ko jadi ga jalan iia..?? apa salah penempatannya bang?

stelah di lihat lihat ternyata bukan ga jalan bang,,,, tp isi comment hanya muncul cuma satu baris.... karena ada scrol (atas-bawah) ama (kanan-kiri) klo misalkan scrol nya di ilangin gmn???? biar pas cursor ada di tombol nomor comment....issi comment nya langsung muncul,,,ga usah di scroll mohon bimbingan nya..... ^_^GiE^_^

[quote=tutu]kk kok js ku gag jalan yh ? kn pa yh ka?[/quote] mungkin Fs lo kena update atau salah scripttnya x