Draggable Boxes and Navigation*HOT*

Go down

Draggable Boxes and Navigation*HOT*

Post by ZoZozoReN on Fri Dec 05, 2008 6:16 am

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
avatar
ZoZozoReN
Fstactics whiz
Fstactics whiz

Male
Number of posts : 95
Age : 38
Location : WaA!!!! HeK HeK!!!!
Forum Contribution :
0 / 1000 / 100

Reputation points :
0 / 1000 / 100

Forum warnings :
0 / 1000 / 100

Registration date : 2008-10-19

View user profile http://stjamesspc.weebly.net

Back to top Go down

Re: Draggable Boxes and Navigation*HOT*

Post by LYSSA13 on Sat Dec 06, 2008 3:37 am

WOW!

xoxoxo

KEWL!

ang gling

nuko

ngaun pa lng ako nakakita ng gnun!

astig
avatar
LYSSA13
Co-admin
Co-admin

Female
Number of posts : 157
Age : 23
Location : manila/pampangga
Job/hobbies : chatting,editing fs,reading,coding
Forum Contribution :
0 / 1000 / 100

Reputation points :
0 / 1000 / 100

Forum warnings :
0 / 1000 / 100

Registration date : 2008-10-19

View user profile http://www.xat.com/geoadikzz

Back to top Go down

Re: Draggable Boxes and Navigation*HOT*

Post by ZoZozoReN on Sun Dec 07, 2008 9:16 pm

angry1 anu ba gust0 moh? =D
avatar
ZoZozoReN
Fstactics whiz
Fstactics whiz

Male
Number of posts : 95
Age : 38
Location : WaA!!!! HeK HeK!!!!
Forum Contribution :
0 / 1000 / 100

Reputation points :
0 / 1000 / 100

Forum warnings :
0 / 1000 / 100

Registration date : 2008-10-19

View user profile http://stjamesspc.weebly.net

Back to top Go down

Re: Draggable Boxes and Navigation*HOT*

Post by LYSSA13 on Tue Dec 09, 2008 5:43 am

angry1 may nsbe ba ako masama kuya!?

ERRRR!!
avatar
LYSSA13
Co-admin
Co-admin

Female
Number of posts : 157
Age : 23
Location : manila/pampangga
Job/hobbies : chatting,editing fs,reading,coding
Forum Contribution :
0 / 1000 / 100

Reputation points :
0 / 1000 / 100

Forum warnings :
0 / 1000 / 100

Registration date : 2008-10-19

View user profile http://www.xat.com/geoadikzz

Back to top Go down

Re: Draggable Boxes and Navigation*HOT*

Post by ZoZozoReN on Thu Dec 11, 2008 6:24 am

ChaR! =D
avatar
ZoZozoReN
Fstactics whiz
Fstactics whiz

Male
Number of posts : 95
Age : 38
Location : WaA!!!! HeK HeK!!!!
Forum Contribution :
0 / 1000 / 100

Reputation points :
0 / 1000 / 100

Forum warnings :
0 / 1000 / 100

Registration date : 2008-10-19

View user profile http://stjamesspc.weebly.net

Back to top Go down

Re: Draggable Boxes and Navigation*HOT*

Post by LYSSA13 on Fri Dec 12, 2008 2:57 am

angry1 bhuset!
avatar
LYSSA13
Co-admin
Co-admin

Female
Number of posts : 157
Age : 23
Location : manila/pampangga
Job/hobbies : chatting,editing fs,reading,coding
Forum Contribution :
0 / 1000 / 100

Reputation points :
0 / 1000 / 100

Forum warnings :
0 / 1000 / 100

Registration date : 2008-10-19

View user profile http://www.xat.com/geoadikzz

Back to top Go down

Re: Draggable Boxes and Navigation*HOT*

Post by ZoZozoReN on Sat Dec 13, 2008 7:06 am

DaMn! =D Damn!
avatar
ZoZozoReN
Fstactics whiz
Fstactics whiz

Male
Number of posts : 95
Age : 38
Location : WaA!!!! HeK HeK!!!!
Forum Contribution :
0 / 1000 / 100

Reputation points :
0 / 1000 / 100

Forum warnings :
0 / 1000 / 100

Registration date : 2008-10-19

View user profile http://stjamesspc.weebly.net

Back to top Go down

Re: Draggable Boxes and Navigation*HOT*

Post by LYSSA13 on Mon Dec 15, 2008 6:17 am

angry1 aRoO , naGmumuRa u!

gux2 mo may mangyari masAmA sau!?

kulam!
avatar
LYSSA13
Co-admin
Co-admin

Female
Number of posts : 157
Age : 23
Location : manila/pampangga
Job/hobbies : chatting,editing fs,reading,coding
Forum Contribution :
0 / 1000 / 100

Reputation points :
0 / 1000 / 100

Forum warnings :
0 / 1000 / 100

Registration date : 2008-10-19

View user profile http://www.xat.com/geoadikzz

Back to top Go down

Re: Draggable Boxes and Navigation*HOT*

Post by Sponsored content


Sponsored content


Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum