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

We will now modify the button states.

Select the Button and Navbar Tool, then select Mouse Off from the drop down list to select all five buttons in their Mouse Off state.

(You will repeat this action to select the other 3 button states). Here are the changes for all buttons in each button state. Make these changes for each button and text the following states:

a Text: RGB 102, 51, 0
Make rectangles 100% transparent.

b Text RGB 255, 102, 0. Make rectangles white and apply a 50% transparency.

c Text white. Make rectangles RGB 102, 51, 0. Apply 50% transparency.

d Text white. Rectangles RGB 255, 102, 0. 50% transparency.

Navigation buttons need something to navigate to. We will create four separate pages and link the fifth button to bring up an e-mail client (Outlook Express, Eudora, etc.).

Marquee select Button 1. Right click on the selection and select Web Address from the pop up menu.

Enter Page_One.htm in the URL text entry box. Check Rectangle Surrounding Object. Press Add.

Repeat for buttons 2, 3 and 4, changing the page to the appropriate number, Page_Two.htm for example).

(When we export the button bar, Xara will automatically generate five web pages with the appropriate buttons and graphics).

NOTE: When naming image files or web pages that contain multiple pages, use an underscore (_) to connect the words. Do not leave empty spaces. While most browsers support empty spaces, some do not, and leaving an empty space can sometimes cause problems with certain types of servers. It is always best to stay on the safe side.