[b]strezzpc Wrote[/b] [quote]Udah bener bro [/quote] yang ini aku udah simpan di C [spoiler]/* FLOATING OBJECT (SHAKIRO214) ----------------------------- */ dude="<div id='divStayTopLeft' style='position:absolute;z-index:50;'><div id='mainpic'></div></div>"; flow=document.getElementById('flo_wrapper'); river=document.createElement("div"); river.innerHTML=dude; flow.parentNode.insertBefore(river,flow); //in this part you can change it into "frombottom" or "fromtop" var verticalpos="frombottom" function BoyantDiv() { var startX = 15; var startY = 170; function ml(id) { if (document.getElementById) { var wek=document.getElementById(id); } else if (document.all) { var wek=document.all[id]; } else { var wek=document.layers[id]; } if(document.layers) { wek.style=wek; } wek.sP = function(x,y) {shino(x,y);}; function shino(x,y) { wek.style.left=x; wek.style.top=y; } wek.x = startX; if (verticalpos=="fromtop") { wek.y = startY; } else{ if (navigator.appName.indexOf("Netscape") != -1) { wek.y = pageYOffset + innerHeight; } else { wek.y = document.body.scrollTop + document.body.clientHeight; } wek.y -= startY; } return wek; } window.stayTopLeft = function () {boyant();}; function boyant() { if (verticalpos=="fromtop"){ if (navigator.appName.indexOf("Netscape") != -1) { var tenten = pageYOffset; } else { var tenten = document.body.scrollTop; } ftlObj.y += (tenten + startY - ftlObj.y)/8; } else{ if (navigator.appName.indexOf("Netscape") != -1) { var tenten = pageYOffset + innerHeight; } else { var tenten = document.body.scrollTop + document.body.clientHeight; } ftlObj.y += (tenten - startY - ftlObj.y)/8; } ftlObj.sP(ftlObj.x, ftlObj.y); wakoko=setTimeout("stayTopLeft()", 50); } ftlObj = ml("divStayTopLeft"); stayTopLeft(); } BoyantDiv(); /* VISITOR PICTURE (FERUZZ) --------------------------------- */ if (!attachOnLoadHandler(function(){viewer();})) window.onload = function(){viewer();}; function viewer() { if(pageViewerID!="") VIEWERPIC.init(); } function spawnImage(mypic) { if (!mypic) { VIEWERPIC.getCode(); return; }else { for (val in VIEWERPIC.info) { try { VIEWERPIC.getPhoto = new RegExp(VIEWERPIC.regexp[val]).exec(mypic)[1].replace(/(\d)+?/i,"$1"); document.getElementById("mainpic").innerHTML = VIEWERPIC.getPhoto; } catch(e) { VIEWERPIC.getPhoto = ""; document.getElementById("mainpic").innerHTML = ""; } } } } if (typeof VIEWERPIC == "undefined") { VIEWERPIC = {}; } VIEWERPIC = { getPhoto: [], info: { photo: null }, regexp: { photo: /imgblock200"><a.*?>((.|\s)+?)<\/a><\/div>/ }, init: function() { if(document.getElementById("mainpic") != null) { this.ajaxRequest("/user.php?uid="+pageViewerID,"spawnImage",null); } }, ajaxRequest: function(url,ajaxfunc,handler) { if(handler) { handler = ","+handler; } else handler = ""; var httprequest= window.XMLHttpRequest? new XMLHttpRequest():new ActiveXObject("Msxml2.XMLHTTP"); if(ajaxfunc) { eval("httprequest.onreadystatechange=function(){if (httprequest.readyState==4) {"+ajaxfunc+"(httprequest.responseText"+handler+");}}"); } httprequest.open('GET', url, true); httprequest.send(null); } }; }); [b]/**************************************** Shake image script (onMouseover)- © Dynamic Drive (www.dynamicdrive.com) For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com *****************************************/ //configure shake degree (where larger # equals greater shake) var rector=3 ///////DONE EDITTING/////////// var stopit=0 var a=1 function initshake(which){ stopit=0 shake=which shake.style.left=0 shake.style.top=0 } function rattleimage(){ if ((!document.all&&!document.getElementById)||stopit==1) return if (a==1){ shake.style.top=parseInt(shake.style.top)+rector } else if (a==2){ shake.style.left=parseInt(shake.style.left)+rector } else if (a=){ shake.style.top=parseInt(shake.style.top)-rector } else{ shake.style.left=parseInt(shake.style.left)-rector } if (a<4) a++ else a=1 setTimeout("rattleimage()",50) } function stoprattle(which){ stopit=1 which.style.left=0 which.style.top=0 } function shakedapic(boxid,kelipatan){ /* IMAGES SHAKER by nopathz : */ var img2shake=document.getElementById("content_"+boxid).getElementsByTagName("img"); if (kelipatan==null) kelipatan=1; for (i=0;i<img2shake.length;i=i+kelipatan) { getsrc=img2shake[i].getAttribute("src"); dosrc=document.getElementById("content_"+boxid).getElementsByTagName("a")[i]; img2shake[i].parentNode.innerHTML="<img src='"+getsrc+"' class='shakeimage' onMouseover='initshake(this);rattleimage()' onMouseout='stoprattle(this);top.focus()' onClick='top.focus()'>"; } } divpicutama=getElementByClassName("imgblock200")[0]; apicutama=divpicutama.getElementsByTagName("a")[0]; srcpicutama=divpicutama.getElementsByTagName("img")[0].getAttribute("src"); apicutama.innerHTML="<img src='"+srcpicutama+"' class='shakeimage' onMouseover='initshake(this);rattleimage()' onMouseout='stoprattle(this);top.focus()' onClick='top.focus()'>"; function getElementByClassName(sClass) { var elm = []; var els = document.getElementsByTagName("*") || 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; } shakedapic("1");[/b][/spoiler] Lalu ini Aku udah simpan di js aku bagian B... [spoiler]//onload handler function onProfileLoad() { addBox("RIGHT",pageOwnerFName+"\'s Visitors",TRACKER.div.innerHTML,"tracker",null); } shakedapic("2"); // untuk friend shakedapic("7"); // untuk fan shakedapic("8"); // untuk group[/spoiler] Lalu ini aku simpan di file Css aku..... [spoiler]#mainpic img { height: 95px; width: 95px; border: 2px #000000 solid; } [b].shakeimage{ position:relative; }[/b] .commonbox h1{color:transparent; text-align:center; font-size:12px; height:30px; width:auto; background-image:url(http://i530.photobucket.com/albums/dd349/share_layout/BD/titlebar.png); background-attachment:scrolling; background-position:center center; repeat-x center left; border-bottom:transparent 2px double} .commonbox h2{color:transparent; text-align:center; font-size:12px; height:30px; width:auto; background-image:url(http://i530.photobucket.com/albums/dd349/share_layout/BD/titlebar.png); background-attachment:scrolling; background-position:center center; repeat-x center left; border-bottom:transparent 2px double} img{opacity:1; filter:alpha(opacity=100)} a:hover img{opacity:.50; filter:alpha(opacity=50,style=2)} .scrapbook{display:none; background:transparent} {transparent shoutout} .controlpanel .so{margin:0 -20px 10px 0; width:257px; position:relative; background:url() repeat-y top left; color:#FFF; font-weight:bold} .controlpanel .so a{color:#FFF} .controlpanel .so div#cpShoutoutBox, .controlpanel .so div#cpShoutoutEditBox{padding:7px 7px 5px 7px; margin:0} .controlpanel .so div#cpShoutoutEditBox{display:none} .controlpanel .sol{position:absolute; left:-5px; top:8px; width:6px; height:11px; background:url() no-repeat} .controlpanel .sob{width:257px; height:2px; background:url() no-repeat; line-height:0; font-size:0} .banner_ad_fix{display:none} #controlpanelbuttons a{width:202px!important} #logo{display:none; background:transparent} #controlpanelbuttons{width:auto!important} #search{display:none; background:transparent} #search form{display:none; background:transparent} #controlpanelbuttons a{width:180px!important; background-image:url(http://i530.photobucket.com/albums/dd349/share_layout/BD/titlebar.png)!important; repeat-x center left; background-attachment:fixed; background-position:center center; height:18px!important; border-width:1px!important; border-color:white!important; border-style:solid!important} .meettrail{display:none; background:transparent} .user_tracker{border-width:2px; border-color:#FFF!important; border-style:solid!important; -moz-border-radius:10px!important} .commonbox{border-width:3px; border-color:#fff!important; border-style:solid!important; -moz-border-radius:10px!important} .user_tracker, a:link{font-family:Arial,Sans-serif; color:#fff; background-color:transparent} #content_14{display:none!important} #reportabuse{display:none} #marketing_bg{display:none; background:transparent} .controlpanel a.more{display:none} #subnav{display:none} #mainnav, #mainnav .left, #mainnav .right{display:none} #navdivider{display:none} #navigation{display:none} .content_moreabout_1_5{ padding:2px 2px 2px 2px; overflow:auto; width:510PX; height:200px; background-image:url(); background-attachment:fixed; background-position:center; background-repeat:repeat} .commonbox{ background-color:transparent; background-image:url('http://i530.photobucket.com/albums/dd349/share_layout/BD/Untitled-4.png'); background-repeat:repeat} body{border-style:groove; border-top-color:#000; border-bottom-color:#000; border-left-color:#000; border-right-color:#000; border-top-width:20px; border-bottom-width:20px; border-left-width:20px; border-right-width:20px} #spawnpic img{ height:100px; width:100px; border:2px #fff solid; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-border-radius:10px; -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5} #spawnpic a:hover img{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-border-radius:10px; -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0} body{ background-image:url(http://i299.photobucket.com/albums/mm307/nuansa_album/BackGround/backPInk.png); background-position:center center; background-repeat:no-repeat; background-color:#000; background-attachment:fixed; cursor:} .usercontent{font-family:helvetica; color:#FFF; text-transform:lowercase} .usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active{color:#FFF; text-decoration:line-through; text-transform:lowercase} .usercontent a:hover{color:#B22222; text-decoration:underline; text-transform:lowercase} .commonbox{border-width:2px; border-color:transparent; border-style:ridge; background-color:transparent} .commonbox .evenrow{background-color:transparent} .commonbox h1, .commonbox h2{font-family:helvetica; color:#FFFFF0; text-transform:uppercase; background-color:transparent} .controlpanel{border-width:2px; border-color:#000; border-style:ridge; background-color:transparent} .controlpanel .imgblock200{border-color:#fff; border-width:2px; border-style:inset} .controlpanel .q{font-family:comic; color:#FFFFF0; text-transform:} .controlpanel .data{font-family:comic; color:#FFFFF0; text-transform:ulowercase} .data a{font-family:comic; color:#FFFFF0; text-transform:lowercase} a.more{font-family:comic; color:#FFFFF0; text-transform:lowercase} #controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited{font-family:comic; color:#000; border-color:#000; border-style:solid; border-width:1px; background-color:transparent; text-transform:lowercase; text-decoration:$ cpbtextdecoration} #controlPanelButtons a:hover{font-family:comic; color:#FF7F50; border-color:#FF7F50; border-style:solid; border-width:1px; background-color:#000; text-transform:lowercase; text-decoration:none} .moreabout{border-width:2px; border-color:#FF7F50; border-style:ridge; background-color:transparent} .photos{border-width:2px; border-color:transparent; border-style:ridge; background-color:transparent} .friends{border-width:2px; border-color:transparent; border-style:ridge; background-color:transparent} .videos{border-width:2px; border-color:transparent; border-style:ridge; background-color:transparent} .groups{border-width:2px; border-color:transparent; border-style:ridge; background-color:transparent} .testimonials{border-width:2px; border-color:transparent; border-style:ridge; background-color:transparent} .testimonialscomments{border-width:2px; border-color:transparent; border-style:ridge; background-color:transparent} .scrapbook{border-width:2px; border-color:#FF7F50; border-style:ridge; background-color:transparent} .fanof{border-width:2px; border-color:transparent; border-style:ridge; background-color:transparent} .myfans{border-width:2px; border-color:transparent; border-style:ridge; background-color:transparent} .reviews{border-width:2px; border-color:transparent; border-style:ridge; background-color:transparent} .blogs{border-width:2px; border-color:transparent; border-style:ridge; background-color:transparent} .blogsreviews{border-width:2px; border-color:transparent; border-style:ridge; background-color:transparent} .commonbox .imgblock75, .ir{border-width:2px; border-color:transparent; border-style:dotted; background-color:transparent} .commonbox .dr{font-family:comic; color:#FFFFF0; text-transform:lowercase; background-color:transparent} .data{font-family:helvetica; color:#FFFFF0; text-transform:lowercase} .commonbox .viewall{font-family:helvetica; color:#FFFFF0; text-transform:lowercase}[/spoiler] Tapi Fs aku kok ngak jalan???? Nich http://profiles.friendster.com/adietchakept