Draggable Boxes and Navigation*HOT*

**ZoZozoReN** · by **ZoZozoReN** on Fri Dec 05, 2008 1:16 pm

just upload this file

To ur .js:

Code:: /* Draggable Boxes & Navigation using MooTools javascript framework for Friendster Profile. by: simpleMe aka tax November 9, 2008 credits: tax, mooTools */ window.addEvent('domready', function() { //Navigation & Left Side Boxes { controlpanel | photo gallery | reviews | blogs | more about | testimonial & comment | media box } //this is the exact format of the Navigation & Left Side Boxes (do not edit) //navigation $('navigation').makeDraggable(); //media box $('10').makeDraggable(); //testimonials & comments $('18').makeDraggable(); //more about $('6').makeDraggable(); //blogs $('13').makeDraggable(); //reviews $('12').makeDraggable(); //photo gallery $('1').makeDraggable(); //controlpanel $('0').makeDraggable(); //Right Side Boxes { meettrail | friends | fan of | groups } //this is the exact format of the Right Side Boxes (do not edit) //groups $('8').makeDraggable(); //fan of $('7').makeDraggable(); //friends $('2').makeDraggable(); //meettrail $('15').makeDraggable(); });

to you .CSS

Code:: /* This will modify the Draggable Boxes & Navigation */ #navigation { cursor: move!important; } .controlpanel, .photos, .reviews, .blogs, .moreabout, .publiccomments, .scrapbook { position:relative;padding-left:0px!important; width: 500px!important; cursor: move!important; } .meettrail, .friends, .fanof, .groups { width: 300px!important; cursor: move!important; } /* This will hide the Ads */

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 ($('8').makeDraggable();)

same with the css, just removed the div class (.groups) 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

Code:: 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=""+ ""data=\"http://www.myplaylist.org/loadplaylist/28961912/config_black/270/430/true\">"+ ""+ ""value=\"http://www.myplaylist.org/loadplaylist/28961912/config_black/270/430/true\">"+ ""+ " [url=http://fstactics.forumotion.com/] href=http://www.myplaylist.org><img> src=http://www.myplaylist.org/mc/images/create_black.jpg border=0>[/url][url=http://fstactics.forumotion.com/] href=http://www.myplaylist.org/standalone/28961912 target=_blank><img> src=http://www.myplaylist.org/mc/images/launch_black.jpg border=0>[/url][url=http://fstactics.forumotion.com/] href=http://www.myplaylist.org/download/28961912><img> src=http://www.myplaylist.org/mc/images/get_black.jpg border=0>[/url]"+ " "; addBox("LEFT","MY FAVE SONGS",code,"div_74","6"); [b]//playlist (addbox) $('div_74').makeDraggable(); }[/b][i]<----end of onload handler[/i]