Professional Web Applications Themes

Interesting effect / concept I can't grasp - Macromedia Flash Sitedesign

Please visit [url]http://www.danecook.com[/url] its a cool site w/a cool menu. You can click lets say on the middle 'tab' and it'll move the other ones near it over to the left or right. I don't see how to accomplish this. Also [url]http://www.kurtnoble.com[/url] has a neat effect on their menus, whatever one you click on, it moves the others around. Thanks in advance....

  1. #1

    Default Interesting effect / concept I can't grasp

    Please visit [url]http://www.danecook.com[/url] its a cool site w/a cool menu. You can click lets say on the middle 'tab' and it'll move the other ones near it over to the left or right. I don't see how to accomplish this. Also [url]http://www.kurtnoble.com[/url] has a neat effect on their menus, whatever one you click on, it moves the others around.

    Thanks in advance.


    Tomf21619 webforumsuser@macromedia.com Guest

  2. #2

    Default Re: Interesting effect / concept I can't grasp

    I dunno how it has been done, but here's how I would do it...


    At first, the tabs are on different layers, the first at the left (on danecook's website) is the one to be on the further layer since it must be under the others.

    You can call your tabs this way (tabs are movie clips regrouping all the content and stuff in it, in addition to a button covering the clickable tab): Tab_1, Tab_2, Tab_3, etc.

    You must have two animations for each tabs... the opening and the closing. Label the timeline for the animation so you can jump to it when user clicks the tabs to open/close.

    Also, you must have a Status variable, lets call it... Status :P You can make it a boolean or alpha is you want... I prefer boolean in this case (false = closed, true = opened).

    At the beginning, on the first keyframe, put :

    Status_Tab_1 = false;
    Status_Tab_2 = false;
    Status_Tab_3 = false;
    ....etc;

    Then, for exemple, if user clicks the Tab_1, the button should be actionscripted this way:

    on (release) {
    if (_root.Status_Tab_1 == false) {
    _root.Status_Tab_1 = true;
    gotoAndPlay("Open"); //labelled on the timeline, animation to open the tab
    } else {
    _root.Status_Tab_1 = false;
    gotoAndPlay("Close"); //labelled on the timeline too, animation to close the tab
    }
    }

    The actions to open the tabs could easily be designed with motion tweening and would look exactly as on the sites you posted.

    I think that's it... I haven't tried it, I may have forgot some stuff, so if you have any other questions, don't hesitate ;)

    |i


    war_mice webforumsuser@macromedia.com Guest

Similar Threads

  1. Interesting Design Effect >>>>
    By uzapuca@adobeforums.com in forum Adobe Indesign Macintosh
    Replies: 4
    Last Post: September 27th, 02:21 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139