Design Navigation Buttons
For information about how to create or edit a part, as well as the tabs on the Edit Part screen, see Create and Edit Parts.
|
1.
|
From the Design tab, in the Orientation field, select the orientation to display the navigation bar on your web page. |
|
•
|
To display the navigation bar from left to right, select “Horizontal.” |
|
•
|
To display the navigation bar from top to bottom, select “Vertical.” |
Tip: Use the up and down arrows to sort your navigation buttons in the order they will appear on your web page.
|
2.
|
In the Preview with Style Sheet field, select the style sheet to use for your navigation bar. For example, to use the default style sheet, select “System Default.” |
|
3.
|
To add a button for your navigation bar, click Add Item. The Navigation Bar Item screen appears. |
|
4.
|
In the Caption field, enter the information to appear in a yellow box when your website user moves the mouse over a navigation bar button. |
Warning: All images used for navigation bar buttons must be previously created and saved using graphics software such as Microsoft Photo Editor. You cannot create these images in the program.
To not use images for a navigation bar button, add a linked heading for navigation. In the Caption field, enter the heading to link. The heading you enter appears on your web page and is linked automatically. To select the web page to link to, complete the next step in this procedure.
|
5.
|
In the Page field, click the binoculars to select the web page where the navigation bar appears. The Create Page Link screen appears. For information about how to create a page link, see Create Page Link. |
|
6.
|
In the Default Image field, view the image that automatically appears when your website user accesses the web page, before the website user moves the mouse over or clicks the button. |
To select a default image, click the Image button. The Select Image from Image Library screen appears.
|
7.
|
In the Hover Image field, view the image that appears when your website user moves the mouse over the button on the navigation bar but does not click the button. |
To select a hover image, click the Image button. The Select Image from Image Library screen appears.
|
8.
|
In the Selected Image field, view the image that appears when your website user clicks the button on the navigation bar. |
To select a selected image, click the Image button. The Select Image from Image Library screen appears. For more information about how to insert an image, see Insert Image.
|
9.
|
To save the images for your navigation bar, click OK. You return to the Edit Part screen. On the Design tab, the selected images appear. |
Note: To cancel the addition of the images for the navigation bar, click Cancel. You return to the Edit Part screen.
|
10.
|
Click Save. You return to Parts. |