Movable DIVs Options

[Pyrix]

I've seen them on a few xangas *xanga nerd* and i have this layout i want to put up but it will only work with movable DIVs anyone wanna help me out?

[crazybabii412]

Put this somewhere in custom header.

<!-- begin code provided by createblog.com --><br /><style><br /><!--<br />.drag{position:relative;cursor:hand}<br />--><br /></style><br /><script language="JavaScript1.2"><br /><!--<br /><br />//Generic Drag Script- © Dynamic Drive (www.dynamicdrive.com)<br />//For full source code and terms of usage,<br />//visit http://www.dynamicdrive.com<br /><br />var ie=document.all<br />var ns6=document.getElementById&&!document.all<br /><br />var dragapproved=false<br />var z,x,y<br /><br />function move(e){<br />if (dragapproved){<br />z.style.left=ns6? temp1+e.clientX-x: temp1+event.clientX-x<br />z.style.top=ns6? temp2+e.clientY-y : temp2+event.clientY-y<br />return false<br />}<br />}<br /><br />function drags(e){<br />if (!ie&&!ns6)<br />return<br />var firedobj=ns6? e.target : event.srcElement<br />var topelement=ns6? "HTML" : "BODY"<br /><br />while (firedobj.tagName!=topelement&&firedobj.className!="drag"){<br />firedobj=ns6? firedobj.parentNode : firedobj.parentElement<br />}<br /><br />if (firedobj.className=="drag"){<br />dragapproved=true<br />z=firedobj<br />temp1=parseInt(z.style.left+0)<br />temp2=parseInt(z.style.top+0)<br />x=ns6? e.clientX: event.clientX<br />y=ns6? e.clientY: event.clientY<br />document.onmousemove=move<br />return false<br />}<br />}<br />document.onmousedown=drags<br />document.onmouseup=new Function("dragapproved=false")<br />//--><br /></script><br /><!-- end code provided by createblog.com -->

<!-- begin code provided by createblog.com --><br /><div class="drag"><style="margin-top: ###px; margin-left: ###px; width: ###px; height: ###px; overflow: visible; position=static">STUFF</div><br /><!-- end code provided by createblog.com -->

Before you put the above into your custom header, go here and encode it, or else it won't work.
I hope that helps.