# Nav bar

**URL:** <https://forum.kirupa.com/t/nav-bar/34366>\
**Category:** Uncategorized\
**Created:** [November 1, 2003, 12:22am UTC](https://forum.kirupa.com/t/nav-bar/34366 "2003-11-01T00:22:40Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![hamidb4](https://avatars.discourse-cdn.com/v4/letter/h/898d66/32.png) [@hamidb4](https://forum.kirupa.com/u/hamidb4)\
**Post date:** [November 1, 2003, 12:22am UTC](https://forum.kirupa.com/t/nav-bar/34366/1 "2003-11-01T00:22:40Z")

</div>

Hi everyone. When you roll over each of the bottons in the navigational bar at the link below, you get a different color in the back ground of the nav bar. How is this done in flash mx? I have tried it on my own, but did not succeed. Thanks a bunch in advance.  
[http://www.flashbuttons.com/](http://www.flashbuttons.com/)

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [November 1, 2003, 12:57am UTC](https://forum.kirupa.com/t/nav-bar/34366/2 "2003-11-01T00:57:41Z")

</div>

hmmm …

create a button first

then go to the button

make a keyframe at over then convert it to movie clip

then go to the movie clip then  
do what eva u want

hope it helps u :\>

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [November 1, 2003, 1:19am UTC](https://forum.kirupa.com/t/nav-bar/34366/3 "2003-11-01T01:19:30Z")

</div>

hey goner, thanks for the help.I tried it but here is what i got: the bigger rectangle appears before i go over the button itself. I guess it has become part of the button which it shouldn’t be. it may be alot easier if a little sample is made. I’m afraid you may be saying one thing and I’m doing something else.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [November 1, 2003, 2:51am UTC](https://forum.kirupa.com/t/nav-bar/34366/4 "2003-11-01T02:51:27Z")

</div>

here is an example of how to do that effect

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [November 1, 2003, 3:01am UTC](https://forum.kirupa.com/t/nav-bar/34366/5 "2003-11-01T03:01:56Z")

</div>

hi macneilslt , appreciate it very much. I’ll check it out and hopefully figure it out. I love this forum.  
:cool:

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [November 1, 2003, 3:02am UTC](https://forum.kirupa.com/t/nav-bar/34366/6 "2003-11-01T03:02:53Z")

</div>

np, i hope that is what you wanted.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [November 1, 2003, 3:22am UTC](https://forum.kirupa.com/t/nav-bar/34366/7 "2003-11-01T03:22:34Z")

</div>

This is exactly what I was looking for. Thanks again.