The Xara Trompe L'Oeil Room  Page 9
HOME
1
2
3
4
5
6
7
8
9
10
11
12

Part Two — Creating a Button Bar and Rollover Buttons

Group (Ctrl G) all the elements except the three button elements.

Group (or Arrange > Group) the two button shapes but not the text. (This is important. We cannot change the text on the new buttons if the text is grouped).

Before I forget, we want to have a black background behind our button bar. Hold down the Ctrl key and drag the color black from the screen palette onto the screen. This changes the page color to black.

Select the Button and Navbar Tool . Drag a rectangle around all the elements including the button.

Press New... on the Infobar at the top of the screen. In the New Bar dialog make all the changes shown to the left and check Make BackBar from Backmost Object.

Two things happen here. Four additional buttons will be created and placed horizontally with 20 pixels between each button. The grouped image becomes a button bar and exists along with the buttons.

NOTE: If you grouped the text with the two button shapes, you will get an error message to this effect.

If you received no error messages and now have five buttons, congratulations, you are ready to move on to the next step.

Before we add the button states (the appearance of the buttons when the mouse is over the button, off the button, etc.) we need to edit the text on the buttons. They can't all say button one as they do now.

Using the Text Tool, highlight the text on each button and change the text accordingly: Button 2, Button 3, and so forth.