Simple Rollover Layered Menus

[letsgofishing]

A number of people get confused when creating a NavBar with rollover effects.

Here is a simple demonstrator: Xara - Simple Rollover Layered Menu.xar

Try creating a Yellow button that matches the red one with its sub-menu.

This approach allows you to be highly creative but you need to master the fundamentals:

1. A button shape on MouseOff.
2. A collection of shapes in a new Layer.
3. The button has a Web Animation effect to the Layer.
4. The button needs to have a fully connected area with the pop-up objects so use a Transparent undershape on the Layer.

Acorn

HI Acorn.

To add labels to the buttons - just make visible and add text? No grouping?

[Acorn]

HI Acorn.
To add labels to the buttons - just make visible and add text? No grouping?

LGF

There are two answers to your question. Yes and No.

As the objects are all on different Layers, a (Hard-)Group is not possible as everything gets flattened onto one layer.

1. If you are moving the button about then you should Soft-Group with its partnering objects on the pop-up layer for that button.
2. For the button pop-up layer object, you can Hard-Group them but you need to add a special Name of htmltext. I prefer Soft-Grouping but editing is a little harder as there is no Edit Inside option.
3. If you are comfortable with the potential accidental displacement that might happen, you do not have to group anything just Preview and check, check, check.

Acorn

P.S. As you can add anything to a pop-up layer, you are not constrained by boxes and text. Things could be icons, pictures, placeholders, ...

[letsgofishing]

Many thanks for reply Acorn - much appreciated as usual.