Trying to create a sweet nav bar in flash and need some help. 1

[silverbullet]

I am tring to create a navigation bar in flash 3 somewhat like the nav bar on the right on the page <A HREF="

http://www.e3direktiv.com/main.html"

TARGET="_new">

http://www.e3direktiv.com/main.html</A>.

I started out trying to give the buttons I had the load movie action when I ran my mouse over them and then have a movie with two version of text fading in and merging and fading out(the text explaining what the button was for). The problem is that if I run over another button while the movie is playing it cuts off the movie and starts the next. On the web page I stated above all the mouseovers will play together and not cut each other off. I have tried about every thing I can find in help anywhere and still can't get them to play together.&nbsp;&nbsp;If I have not explained this well enought check out the web page above or leave me a message. <br>Thanks,<br><br>Silverbullet

 

[DJTN]

If you notice in the movie when you rollover the links on the right, they have a liitle movie for each one. On each movie they have 2 text fields merging together with an alpha fade, fading in then pausing and fading out. If you look a little closer you will see that if you switch quickly between the buttons that the words are all over lapping. Now this is where your problem comes in. Your movie is stopping and then starting another because you have them all on the same layer. In order to get this effect you will have to use a seperate layer for each one. I would also pre make my little movies and then call uppon them on mouse over. I can see why this page caught your eye, it's cute , very cute. The ball hessitating then rolling at you in the beggining is cool.<br><br>Well I hope that helps.<br>Todd&nbsp;&nbsp;&nbsp;<img src=

http://www.Tek-Tips.com/images/happy.gif>

 

[ferhelping]

Silverbullet,<br><br>Here is your solution. Try printing this so you can do it while you read it:<br>Let's do one button at a time.<br><br>- Create the design of the button and the text (the way you want them) in the case of your example is just a grey circle and the text.<br><br>- Now that you have both objects, convert each one to symbols but as graphics first (not buttons)<br><br>- Erase them from the current frame, (select and delete).<br><br>- Create a new symbol, a movie clip. You should be in the edit symbol screen now.<br><br>- Open your library and find the graphic for your text (not the button because only the text will fade) and drag it to the edit screen. Align in the middle of the page is better.<br><br>- Now you have the graphic in the movie clip. Insert Keyframe in frame 7 or 8, change the Alpha of the object to 0 and Create Motion Tween. Test the animation, it should fade out.<br><br>- In the library, select the symbol you just created and right click/ Duplicate it. You have the copy of your movie clip. Now doubleclick on the copy in the library to edit it. Select all the frames and then right click / Reverse frames. Press enter and the movie clip should fade in this time. <br><br>- IMPORTANT: Don't forget to add a STOP action in the last frame of both movie clips. <br><br>- Now you have 2 graphic and 2 movie clips (fade in & out).<br>Create a new symbol, this time a button.<br><br>- In the first frame add the graphic of the button exactly where you want it and then Insert Keyframes for the other three frames. Now all of the frames look the same. Go back to the first frame and select it. Now drag the fade out movie clip that you created from the library and place it where you want it in the screen.<br><br>- Go to the next frame (over) and drag the other movie clip (fade in) to the screen. Use the onion mask to place it exactly on top of the other one.<br><br>- Do whatever you want in the down frame.<br><br>- Test the button and that is it. All you need to do is create many buttons like this and place the text for each one in the same place so when you mouseover a button it fades in and when you move to another button it fades out but at the same time the new text fades in.<br><br>Cool, if you have questions write me at <A HREF="mailto:ferhelping@yahoo.com">ferhelping@yahoo.com</A><br>&nbsp;

 

[silverbullet]

Thanks for the help guys. I think I finally figured out how they did it.&nbsp;&nbsp;I think that they have they text fade/out as a separate movie which was what I was trying befor, but folish me when I used the load movie command I was loading them all on the same level. Now I switched one of the buttons to load on level two and the two buttons don't seem to be interferring with each other.<br>Peace out!