Cool navigation menu

  • JBonham
  • Newbie
  • Newbie
  • JBonham
  • Posts: 8

Post 3+ Months Ago

I've been perusing the forum archives here (I'm a new dude), and i really like the animated navigation menu here [url]http://www.salimgraphic.com/main.htm

Anyone know a detailed tut for that?

JBonham[/url]
  • JBonham
  • Newbie
  • Newbie
  • JBonham
  • Posts: 8

Post 3+ Months Ago

Sorry, here's the link: http://www.salimgraphic.com/main.htm
  • roarmeow
  • Professor
  • Professor
  • User avatar
  • Posts: 861
  • Loc: BKNY

Post 3+ Months Ago

i'll definitely keep an eye out for a tutorial, but...
pretty much what it is is a series of nested movieclips.

on the basest level, you've got a movieclip for each button (the flashing sliding out action when you roll over 'em)...

let's call one of those movieclips "profile" for argument's sake. go ahead and make your button action movies in the whole insert>symbol>movieclip styleee.

the next level up is the buttons...
insert>symbol>button
the "up" setting on the button is a static image and the "over" setting is the "profile" movieclip.
let's call this button symbol "profilebutton" for our purposes.

now you do that til you've got all the buttons you want made...

then you make another movieclip...
insert>symbol>movieclip
call it "buttonsclip"
arrange your buttons in this movieclip how you'd like them... and make sure that when you give them linkage, you put in the "_root" tag...
i.e.
Code: [ Select ]
on(release){_root.gotoAndPlay("profile");}


now you're going to make the intro/outro for the buttons (kind of like the flipping wall and flashing stuff the site you reference has got - brilliant site, really... lots of work went into and it flows... dang... kinda like this ninjatune mix i'm listening to right now...)
you want to make it just one directional, i.e. make the way you'd like it to go into the menu (a blank wall flips over and there are the buttons).
be sure to put a stop(); action in the first and last frames of this movieclip.

aight. redux. we've got a button rollover movieclip. we've got a button. we've got a movieclip the button is located in. lovely.

now you want to put the "buttonsclip" movieclip onto the stage.
click on it so you're putting actions on the "buttonsclip" movieclip and not on a frame of the root movieclip.

put this code on it:

Code: [ Select ]
onClipEvent (enterFrame) {
if (this.hitTest(_root._xmouse, _root._ymouse, true)) {
this.nextFrame();
} else {
this.prevFrame();
}
}
  1. onClipEvent (enterFrame) {
  2. if (this.hitTest(_root._xmouse, _root._ymouse, true)) {
  3. this.nextFrame();
  4. } else {
  5. this.prevFrame();
  6. }
  7. }


what that does is make it so that:
when the cursor is over the movieclip, it plays forward (revealing the buttons) and
when the cursor is not over the movieclip, it plays backward (covering 'em back up again)...

hope that answered your question.

i'll keep my eyes open for a nice tut link...

til then... yo...
ninjatune is hot... i'm listening to this mix right now (strictly kev and diplo) that seemlessly blends kanye west, missy elliot, dizzee rascal, the eurythmics, bjork, dead prez and cindy lauper...

peace, blessings and g'night,
puck[/code]

Post Information

  • Total Posts in this topic: 3 posts
  • Users browsing this forum: No registered users and 30 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.