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)