______________________________________________________________ [b]TWEAKING CLASSNAME MORE ABOUT DENGAN FLASH TEXT ATAUPUN IMAGE[/b] ______________________________________________________________ Sebelumnya izin MOD dulu , kalo hal yang serupa sudah pernah ada atau dengan kata lain tidak berguna silahkan diclose threadnya =) [b]Credits goes to :[/b] [b]ALL FTI'ers[/b] [b]inspired by :[/b] [b]Flashing Shoutout by Okacybernet[/b] [b]thank's to : [/b] [b]Robbinhood[/b] buat imagenya :thumbsup: :arrow: PREVIEW temporary not availlable :arrow: [b]screenshot[/b] silahkan buka spoiler dibawah [spoiler]before : [img]http://h1.ripway.com/boimx/share/screen2.jpg[/img] after : [img]http://h1.ripway.com/boimx/share/screen1.jpg[/img][/spoiler] [b]This trick are required: [/b] - dikit creative - berani nyoba classname di [b]more about[/b] adalah nama konten yg ada didalam box more about seperti : aboutme, who i want to meet, hobbie's n interest, dll. sekarang kita mulai [img]http://img73.imageshack.us/img73/7936/firefoxlz6.gif[/img] masukkan kode ini kedalam JS kalian dibagian B sesuai referensi Bang Kanal :thumbsdown: [spoiler][quote]//* Flashing moreabout classname if (typeof MOREABOUT == "undefined") { MOREABOUT = {}; } MOREABOUT = { getElements: null, elements: { mainid: document.getElementById("content_6"), maintag: "span", mainclass: "q" }, init: function() { try { MOREABOUT.getElements = MOREABOUT.getElementsByClassName(MOREABOUT.elements.mainid,MOREABOUT.elements.maintag,MOREABOUT.elements.mainclass); MOREABOUT.getElements[0].innerHTML = "[b]CODE FLASH TEXT ATAU IMAGE DISINI[/b]"; MOREABOUT.getElements[1].innerHTML = "[b]CODE FLASH TEXT ATAU IMAGE DISINI[/b]"; MOREABOUT.getElements[2].innerHTML = "[b]CODE FLASH TEXT ATAU IMAGE DISINI[/b]"; MOREABOUT.getElements[3].innerHTML = "[b]CODE FLASH TEXT ATAU IMAGE DISINI[/b]"; MOREABOUT.getElements[4].innerHTML = "[b]CODE FLASH TEXT ATAU IMAGE DISINI[/b]"; MOREABOUT.getElements[5].innerHTML = "[b]CODE FLASH TEXT ATAU IMAGE DISINI[/b]"; MOREABOUT.getElements[6].innerHTML = "[b]CODE FLASH TEXT ATAU IMAGE DISINI[/b]"; MOREABOUT.getElements[7].innerHTML = "[b]CODE FLASH TEXT ATAU IMAGE DISINI[/b]"; MOREABOUT.getElements[8].innerHTML = "[b]CODE FLASH TEXT ATAU IMAGE DISINI[/b]"; MOREABOUT.getElements[9].innerHTML = "[b]CODE FLASH TEXT ATAU IMAGE DISINI[/b]"; MOREABOUT.getElements[10].innerHTML = "[b]CODE FLASH TEXT ATAU IMAGE DISINI[/b]"; MOREABOUT.getElements[11].innerHTML = "[b]CODE FLASH TEXT ATAU IMAGE DISINI[/b]"; }catch(e) { MOREABOUT.getElements = ""; } }, getElementsByClassName: function(oElm,sTag,sClass) { var elm = []; if (!oElm)oElm = document; if (!sTag)sTag = "*"; var els = oElm.getElementsByTagName(sTag) || document.all; for (var i=0,j=els.length;i<j;i++) { if (new RegExp(sClass).test(els[i].className))elm.push(els[i]); } return elm; } };MOREABOUT.init();[/quote] [/spoiler] setelah kode diatas ada dalam JS kalian langkah selanjutnya adalah ganti yg dibold dengan kode Flash Text atau image dibawah :thumbsdown: [b]Kode Flash Text :[/b] [spoiler] [quote]<embed id='myShout' FlashVars='bt=[b]JUDUL CLASSNAME[/b]&cl=[b]red[/b]&x=13%2019%205%2033%2034%2036%2027%208%200%2026%2031%20' src='http://www.wishafriend.com/pf/ws/scroller-sign.swf' quality='high' wmode='transparent' bgcolor='[b]000000[/b]' width='[b]250[/b]' height='[b]20[/b]' name='scroller-sign' align='middle' allowScriptAccess='sameDomain' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer'></embed>[/quote] yang dibold adalah bagian yang aturable ato bisa kalian ubah sesuai yg diinginkan height= 20 (recommended) :lol: [/spoiler] [b]Kode image : [/b] [spoiler] [quote]<img src=' [b]URL IMAGE[/b] '>[/quote] masukkan url image kebagian yg dibold ( untuk imagenya silahkan kalian buat dengan ukuran 250 x 30 px kemudian upload kehostingan dan ambil url na )[/spoiler] jika ingin memakai image, sebagai percobaan kalian bisa gunakan image yg sy sediakan dan sumbangan dr bro [b]Robbinhood[/b] :thumbsdown: [spoiler][quote][img]http://h1.ripway.com/boimx/image/aboutme.png[/img] [img]http://h1.ripway.com/boimx/image/afiliation.png[/img] [img]http://h1.ripway.com/boimx/image/college.png[/img] [img]http://h1.ripway.com/boimx/image/favoritebooks.png[/img] [img]http://h1.ripway.com/boimx/image/favoritemusic.png[/img] [img]http://h1.ripway.com/boimx/image/favoritetvshow.png[/img] [img]http://h1.ripway.com/boimx/image/favouritemovie.png[/img] [img]http://h1.ripway.com/boimx/image/hobby.png[/img] [img]http://h1.ripway.com/boimx/image/occupation.png[/img] [img]http://h1.ripway.com/boimx/image/school.png[/img] [img]http://h1.ripway.com/boimx/image/wiwtm.png[/img] [img]http://h1.ripway.com/boimx/image/zodiac.png[/img][/quote] [quote][img]http://i288.photobucket.com/albums/ll180/SmarterDOS/logo1.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/logo2.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/logo3.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/logo4.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/logo5.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/logo6.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/logo7.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/logo8.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/logo9.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/logo10.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/logo11.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/logo12.gif[/img][/quote] [quote][img]http://i288.photobucket.com/albums/ll180/SmarterDOS/logo1-1.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/logo1-2.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/logo1-3.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/logo1-4.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/logo1-5.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/logo1-6.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/logo1-7.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/logo1-8.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/logo1-9.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/logo1-10.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/logo1-11.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/logo1-12.gif[/img][/quote] [quote][img]http://i288.photobucket.com/albums/ll180/SmarterDOS/button/logo1-1.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/button/logo1-2.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/button/logo1-3.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/button/logo1-4.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/button/logo1-5.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/button/logo1-6.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/button/logo1-7.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/button/logo1-8.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/button/logo1-9.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/button/logo1-10.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/button/logo1-11.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/button/logo1-12.gif[/img][/quote] [quote][img]http://i288.photobucket.com/albums/ll180/SmarterDOS/button/Logo3-1.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/button/Logo3-2.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/button/Logo3-3.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/button/Logo3-4.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/button/Logo3-5.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/button/Logo3-6.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/button/Logo3-7.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/button/Logo3-8.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/button/Logo3-9.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/button/Logo3-10.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/button/Logo3-11.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/button/Logo3-12.gif[/img][/quote] [quote][img]http://i288.photobucket.com/albums/ll180/SmarterDOS/button/Logo2-1.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/button/Logo2-2.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/button/Logo2-3.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/button/Logo2-4.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/button/Logo2-5.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/button/Logo2-6.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/button/Logo2-7.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/button/Logo2-8.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/button/Logo2-9.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/button/Logo2-10.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/button/Logo2-11.gif[/img] [img]http://i288.photobucket.com/albums/ll180/SmarterDOS/button/Logo2-12.gif[/img][/quote] [/spoiler] [b]Referensi :[/b] [spoiler] [0]= SCHOOL'S [1]= COLLEGE'S [2] = OCCUPATION [3] = AFILIATION'S [4] = HOBBIE'S [5] = FAVOURITE BOOK'S [6] = FAVOURITE MOVIE'S [7] = FAVOURITE MUSIC [8] = FAVOURITE TV SHOW'S [9] = ZODIAC SIGN [10]= ABOUT ME [11]= WHO I WANT TO MEET [b]catatan [/b]: urutan classname sesuai dengan yang tampil pada profile kalian untuk itu silahkan disesuaikan !! misal: jika zodiac sign tidak tampil pada profile kalian maka posisi about me menjadi [9]= ABOUT ME [/spoiler] untuk mengatur posisi text dan konten silahkan cari dibagian CSS kalian yg seperti ini jika belum ada silahkan ditambahkan ;) [spoiler][quote]/* TEXT AND CONTENTS */ body,td,tr,div,p { text-align: [b]center[/b]; }[/quote] edit yg dibold sesuai posisi konten yg kamu inginkan misal = left atau right [/spoiler] [b]Contoh Penggunaan :[/b] (SIMPLIFIED) [spoiler] if (typeof MOREABOUT == "undefined") { MOREABOUT = {}; } MOREABOUT = { getElements: null, elements: { mainid: document.getElementById("content_6"), maintag: "span", mainclass: "q" }, init: function() { try { MOREABOUT.getElements = MOREABOUT.getElementsByClassName(MOREABOUT.elements.mainid,MOREABOUT.elements.maintag,MOREABOUT.elements.mainclass); MOREABOUT.getElements[0].innerHTML = "<img src=' http://h1.ripway.com/boimx/image/school.png'>"; MOREABOUT.getElements[1].innerHTML = "<img src=' http://h1.ripway.com/boimx/image/college.png'>"; MOREABOUT.getElements[2].innerHTML = "<img src=' http://h1.ripway.com/boimx/image/occupation.png '>"; MOREABOUT.getElements[3].innerHTML = "<img src='http://h1.ripway.com/boimx/image/afiliation.png '>"; MOREABOUT.getElements[4].innerHTML = "<img src=' http://h1.ripway.com/boimx/image/hobby.png'>"; MOREABOUT.getElements[5].innerHTML = "<img src='http://h1.ripway.com/boimx/image/favoritebooks.png '>"; MOREABOUT.getElements[6].innerHTML = "<img src='http://h1.ripway.com/boimx/image/favouritemovie.png '>"; MOREABOUT.getElements[7].innerHTML = "<img src='http://h1.ripway.com/boimx/image/favoritemusic.png '>"; MOREABOUT.getElements[8].innerHTML = "<img src=' http://h1.ripway.com/boimx/image/favoritetvshow.png'>"; MOREABOUT.getElements[9].innerHTML = "<img src=' http://h1.ripway.com/boimx/image/zodiac.png'>"; MOREABOUT.getElements[10].innerHTML = "<embed id='myShout' FlashVars='bt=ABOUT ME&cl=white&x=13%2019%205%2033%2034%2036%2027%208%200%2026%2031%20' src='http://www.wishafriend.com/pf/ws/scroller-sign.swf' quality='high' wmode='transparent' bgcolor='transparent' width='250' height='40' name='scroller-sign' align='middle' allowScriptAccess='sameDomain' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer'></embed>"; MOREABOUT.getElements[11].innerHTML = "<embed id='myShout' FlashVars='bt=WHO I WANT TO MEET&cl=white&x=13%2019%205%2033%2034%2036%2027%208%200%2026%2031%20' src='http://www.wishafriend.com/pf/ws/scroller-sign.swf' quality='high' wmode='transparent' bgcolor='transparent' width='250' height='40' name='scroller-sign' align='middle' allowScriptAccess='sameDomain' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer'></embed>"; }catch(e) { MOREABOUT.getElements = ""; } }, getElementsByClassName: function(oElm,sTag,sClass) { var elm = []; if (!oElm)oElm = document; if (!sTag)sTag = "*"; var els = oElm.getElementsByTagName(sTag) || document.all; for (var i=0,j=els.length;i<j;i++) { if (new RegExp(sClass).test(els[i].className))elm.push(els[i]); } return elm; } };MOREABOUT.init();[/spoiler] segitu aja... , selamat mencoba !! [spoiler]No guarantee for using this =D [/spoiler]

Last edited by boim (2008-07-19 08:13:38)