Draggable Boxes and Navigation*HOT*

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]

happy DraGiNg!!


preview DRAG IT TILL YOU SATISFIED

Credits to rechie for the preview.

and FsTalk for the Code

WOW!

xoxoxo

KEWL!

ang gling

nuko

ngaun pa lng ako nakakita ng gnun!

astig

anu ba gust0 moh?

may nsbe ba ako masama kuya!?

ERRRR!!

ChaR!

bhuset!

DaMn! Damn!

aRoO , naGmumuRa u!

gux2 mo may mangyari masAmA sau!?

kulam!