[s]Draggable Boxes & Navigation using MooTools javascript framework for Friendster Profile.[/s] [s]all major browser compatible[/s] Just upload this files to your js <">to your css <">note If you don't have a box like for eg. you don't a group box make sure you removed the code in the js ([b]$('8').makeDraggable();[/b]) same with the css, just removed the div class ([b].groups[/b]) to avoid conflict And since the code will affect the width of the default boxes, so i added width on css just modify on the width you liking for those using tracker, instead of using the code of Right Side Boxes inside the addEvent just paste those codes inside your Onload Handler so that the tracker & addbox (right) won't cover your Right Side boxes heres the format using 2.1 [quote]function onProfileLoad() { //onload handler //(pattern) addBox("L-R","Header",htm,"cssid","sibling"); addBox("RIGHT",pageOwnerFName+"'s Visitors",TRACKER.div.innerHTML,"tracker",null); //other boxes goes here [b]//tracker $('tracker').makeDraggable(); //group $('8').makeDraggable(); //fanof $('2').makeDraggable(); //friends $('7').makeDraggable(); //meettrail $('15').makeDraggable();[/b] var code="<div style=\"text-align: center; margin-left: auto; visibility:visible; margin-right: auto; width:450px;\">"+ "<object type=\"application/x-shockwave-flash\" width=\"435\" height=\"270\""+ "data=\"http://www.myplaylist.org/loadplaylist/28961912/config_black/270/430/true\">"+ "<param name=\"bgcolor\" value=\"#e8e8e8\">"+ "<param name=\"movie\""+ "value=\"http://www.myplaylist.org/loadplaylist/28961912/config_black/270/430/true\">"+ "</object>"+ "<BR><a href=http://www.myplaylist.org><img src=http://www.myplaylist.org/mc/images/create_black.jpg border=0></a><a href=http://www.myplaylist.org/standalone/28961912 target=_blank><img src=http://www.myplaylist.org/mc/images/launch_black.jpg border=0></a><a href=http://www.myplaylist.org/download/28961912><img src=http://www.myplaylist.org/mc/images/get_black.jpg border=0></a>"+ "</div>"; addBox("LEFT","MY FAVE SONGS",code,"div_74","6"); [b]//playlist (addbox) $('div_74').makeDraggable(); }[/b][i]<----end of onload handler[/i][/quote] happy dragging [url=http://profiles.friendster.com/12578726]Preview[/url] (Drag everything)

Last edited by simpleMe (2008-12-11 05:13:01)