MX

, and place the required mouseover versions of your button on this layer
so it overlaps the linked object.
Technical note:
Any graphic object on the MouseOver layer will be displayed as long as at least 50% overlaps with the
object on the MouseOff layer. The two versions of mouseover buttons are kept in sync by using the Soft
Groups feature. When you select the button on one layer, it automatically selects the Soft Grouped
version on the other layer, even if the layer is switched off. When you edit the text of the button on one
layer, it's automatically synced with the other version of the button.
To ensure the text on both the Off and Over states changes when you edit either, Soft Group the buttons
on both layers. To do this you will need to enable both layers in the Page & Layer Gallery, and lasso
select around both buttons. The status line should tell you if you have everything selected. Select
"Arrange" > "Apply Soft Group"
. Now when you edit the text on the Off layer it will also change on the over layer, even if it's hidden.
(Note this only works if the Off and Over text are the same to start with, and relies on the objects being
Soft Grouped).
Once you have a working button, you can easily turn it into a navigation bar. Select the button (along with
its MouseOver state if it has one) and then choose "Arrange" > "Create navigation bar". The
navigation bar dialog appears allowing you to configure your bar. See the Navigation Bar chapter
for more information on this, including how to have different first and last buttons in your bar.
Layer ordering in website documents
If your website document has mouseover effects, popup layers and perhaps even mouseover effects on
those popup layers, there are some important rules you need to follow in terms of how you order the
layers in your document. If you don't follow these ordering rules, you may find that some of the effects
don't work.
Considering the layers in turn from background to foreground (which is working upwards in the Page &
Layer Gallery
), first you must have all the static layers. These are layers which are always visible and are not used as
popups. In most designs there will only be one ? the "MouseOff" layer. But some designs may have
several, in which case they must be the first layers in the layer stack.
Next comes the MouseOver layer, if there are mouseover effects on the static layer(s). This contains the
mouseover states for all your mouseover buttons. This must be followed by the "MouseDown" layer, if
you have mousedown effects on the static layer(s).
Next you may have a popup layer. If the objects on this popup layer have mouseover effects, then the
next layer following the popup layer must be the layer holding those effects. It must have a name that
begins with "MouseOver", E.g. "MouseOverPopup1". And then if the popup layer also has mousedown
effects, a layer whose name begins with "MouseDown" must follow containing those effects.
Then you can have another popup layer, followed again by any mouseover and mousedown layers for
that popup layer. And so on - you can have as many popup layers as you like.
So to summarise the above, in general the layer ordering needs to be as indicated by the following list,
which is shown in the same order as displayed by the Page & Layer Gallery
(foreground to background). All layers are optional and the layer names can be anything you like, except
for the characters shown in Bold, which identify the special mouseover and mousedown layers.
MouseDown popup n
MouseOver popup n
PopUp layer n
...
MouseDown popup 1
MouseOver popup 1
Popup layer 1
Page 173