MX

Mouseover (Rollover) Buttons
You will have noticed that most buttons highlight as you move the mouse pointer over them in your
browser. This is called a mouseover, or sometimes a rollover effect. This is all automatic for most buttons
used in the templates or from the Button section of the Designs Gallery
. But you can also create your own mouseover buttons ? see the Layers section below.
Adding New Buttons
In the Designs Gallery
, each Theme has a collection of button graphics that you can just drag onto the page. Typically there are
two types of button. The ones called Stretch Button will elongate to accommodate the button label text.
In addition under Page Elements
there is a Buttons category that has a set of general button designs that can be added to your page in the
same way.
Or you can copy any existing button. You can copy/paste, but a much quicker shortcut is to drag with
the right mouse button held down. (This is a general shortcut to copy any object). You can now just edit
the text and link as required.
Tip
: If you hold the "Ctrl" key while dragging it will constrain the drag to be perfectly horizontal or vertical,
making it really easy to create a row or column of buttons.
Button Bars (NavBars)
Most websites, and so most of the template designs we provide, have a row or column of buttons to
navigate around the website or to other places. This is called a Navigation Bar and Web Designer MX
Premium includes special support for these bars. Read the Navigation Bars Chapter
for full details about Navigation Bars.
Page 124