hai semuanya.. mau sharing aja neh... klo ga berguna, silahkan diclosed n dihapus aja yagh (buat para mods) credits: www.dynamicdrive.com www.friendstermagic.net n me penjelasan dan preview [url=http://h1.ripway.com/rezanf/TESTER/1.html][b]TEMPORARY PREVIEW[/b][/url] ehm,,,sebelumnya klo mau make script ini paste dulu neh ke bagian C [spoiler] /*********************************************** * Floating Top Bar script- � Dynamic Drive (www.dynamicdrive.com) * Sliding routine by Roy Whittle (http://www.javascript-fx.com/) * This notice must stay intact for legal use. * Visit http://www.dynamicdrive.com/ for full source code ***********************************************/ var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session var startX = [b]30[/b] //set x offset of bar in pixels var startY = [b]5[/b] //set y offset of bar in pixels var verticalpos="[b]fromtop[/b]" //enter "fromtop" or "frombottom" function iecompattest(){ return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body } function get_cookie(Name) { var search = Name + "=" var returnvalue = ""; if (document.cookie.length > 0) { offset = document.cookie.indexOf(search) if (offset != -1) { offset += search.length end = document.cookie.indexOf(";", offset); if (end == -1) end = document.cookie.length; returnvalue=unescape(document.cookie.substring(offset, end)) } } return returnvalue; } function closebar(){ if (persistclose) document.cookie="remainclosed=1" document.getElementById("topbar").style.visibility="hidden" } function staticbar(){ barheight=document.getElementById("topbar").offsetHeight var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera; var d = document; function ml(id){ var el=d.getElementById(id); if (!persistclose || persistclose && get_cookie("remainclosed")=="") el.style.visibility="visible" if(d.layers)el.style=el; el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";}; el.x = startX; if (verticalpos=="fromtop") el.y = startY; else{ el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight; el.y -= startY; } return el; } window.stayTopLeft=function(){ if (verticalpos=="fromtop"){ var pY = ns ? pageYOffset : iecompattest().scrollTop; ftlObj.y += (pY + startY - ftlObj.y)/8; } else{ var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight; ftlObj.y += (pY - startY - ftlObj.y)/8; } ftlObj.sP(ftlObj.x, ftlObj.y); setTimeout("stayTopLeft()", 10); } ftlObj = ml("topbar"); stayTopLeft(); } if (window.addEventListener) window.addEventListener("load", staticbar, false) else if (window.attachEvent) window.attachEvent("onload", staticbar) else if (document.getElementById) window.onload=staticbar [/spoiler] edit yang perlu.. pokoknya silahkan berekspresi deh dengan yang aa tebelin itu.. lalu buat css'e: [spoiler] #topbar{ position:absolute; border: 1px solid black; border-color: #ffffff!important; padding: 2px; background-color: transparent; width: 100px; visibility: hidden; z-index: 100; -moz-border-radius: 10px!important; } [/spoiler] edit juga yang perlu di-edit... so.. paste ini dulu ke notepad!! [i]mengapa demikian?? sama seperti judul thread'e.. bisa apa saja yang di floating disini, tinggal ganti aja [b]Your content here[/b]!!! [/i] [quote]<div id="topbar"> <a href="" onClick="closebar(); return false"><img src="[b][i]http://h1.ripway.com/robbinhood/gambarbaru/blinker11gi6.gif[/b][/i]" border="0" /></a> [b]Your content here[/b]. </div>[/quote] [b][i]ganti aja gambar yang tebel miring itu[/i][/b] aa kasih contoh neh.. [b]visitor info[/b] nti kodenya jadi kek gini [quote]<div id="topbar"> <a href="" onClick="closebar(); return false"><img src="http://h1.ripway.com/robbinhood/gambarbaru/blinker11gi6.gif" border="0" /></a> <font color=#7FFF00>Viewers Info:visible to all<br> Your user's name : "+pageViewerFName+"<br> Your user's id : "+pageViewerID+"<br></font> </div>[/quote] [b]bisa juga langsung ditaro di About Me, WIWTM, atau Media Box[/b] apa udah selesai!? [b]BELUM!!!!!!!![/b] satu langkah lagi neh... silahkan generate codenya [url=http://friendstermagic.net/CrossOver-Generator-h29.htm][b]DISINI[/b][/url], hiraukan aja kotak C yang ada disana paste codenya di kotak A lalu hasilnya akan muncul di kotak B nah hasilnya paste ke bagian A di JS kalian.. contoh dari contoh kode yang aa kasih nantinya jadi kek gini [quote]document.write("<div id=\"topbar\">"); document.write("<a href=\"\" onClick=\"closebar(); return false\"><img src=\"http://h1.ripway.com/robbinhood/gambarbaru/blinker11gi6.gif\" border=\"0\" /></a>"); document.write("<p><font color=#7FFF00>Viewers Info:visible to all<br>"); document.write("Your user\'s name : "+pageViewerFName+"<br>"); document.write("Your user\'s id : "+pageViewerID+"<br></font>"); document.write("</div>");[/quote] sekian dulu yah... kapan2 klo ada umur n waktu.. kita berbagi lagi.. PS: [color=red][b]jangan terpaku pada PREVIEWnya...toh ini bisa apa aja!! silahkan berekspresi sendiri!!!!!!!!! klo ada kesalahan atau masalah bisa tanya disini atau di tempat yang semestinya.. klo gambarnya di-klik..maka akan hilang floating objeknya!!![/b][/color]

Last edited by kiddy (2008-07-17 06:22:31)