Modify navigation bar shape

You can modify navigation bar shape in 2 ways.

First, when you change theme applied to the project, all the navigation bar images and banner images will be changed.
Second, change the shape using Smart Button Wizard. You can create navigation button shape different from the applied theme. Smart button means navigation bar button, banner or smart button(vector image) provided by WebEditor.

In order to modify navigation bar image shape, follow steps described below.

(1) Select Navigation Bar Properties... from the shortcut menu of a navigation bar or double-click a navigation bar.
(2) Click Modify Navigation Bar... button in Navigation Bar Properties dialog box.
(3) Navigation Bar Settings dialog box appears. Click Modify Image Shape....
(4) Select a button to modify at the Button Type step of the Smart Button Wizard and click Next.
(5) Select a button shape at the Select Shape step of the Smart Button Wizard and click Next.
(6) Edit the appearance of a button at the Edit Button step of the Smart Button Wizard and click Finish.

Modify navigation text

When you insert a text navigation bar to a document, the result is as following.

Horizontal :

    [Home] [About Me] [Photo Gallery] [Downloads] [Links]

Vertical:

    [Home]
    [About Me]
    [Photo Gallery]
    [Downloads]
    [Links]

When you want to modify text navigation bar's font, size, and color, select the navigation bar and follow the same step to change font or size of other text. However, in order to change the shape of [ ], you need to use [Modify Navigation Bar] dialog box.

    navi-3_01.gif

    Navigation text

    This section of the dialog box allows you to change the words that are used in text navigation bars to indicate links to "previous", "next", "home", and parent pages.

    Previous

    The text to use for links to the document that is to the left of the current document in the navigation tree.

    Next

    The text to use for links to the document that is to the right of the current document in the navigation tree.

    Home

    The text to use for links to the top-level document in the navigation tree (usually the site's index page).

    Up

    The text to use for links to the current document's parent document.

    Separators

    Here you can change the separators used in text navigation bars. A separator is one or more characters that separate two adjacent links. You can modify the separators independently for three kinds of navigation bars: horizontal, vertical, and "path" navigation bars. (A path navigation bar contains links to the current page, the index page, and all the pages "between" the two, thus showing the path from the index page to the current page.)

    To change the separators, follow these steps:

    1. In the small list box on the left, select the type of navigation bar whose separators you want to change.
    2. To the right of the list box, there are six small text boxes. Each text box contains a separator. Links are represented by the letters "AB" between the 1st and 2nd text boxes, "CD" between the 3rd and 4th text boxes, and "EF" between the 5th and 6th text boxes. A preview of the current settings can be seen just below the text boxes.
    3. In text box 1, enter the separator you want to appear to the left of the first link in the navigation bar.
    4. In text box 2, enter the separator you want to appear to the right of the first link in the navigation bar.
    5. In text box 5, enter the separator you want to appear to the left of the last link in the navigation bar.
    6. In text box 6, enter the separator you want to appear to the right of the last link in the navigation bar.
    7. In text box 3, enter the separator you want to appear to the left of intermediate links in the navigation bar.
    8. In text box 4, enter the separator you want to appear to the right of intermediate links in the navigation bar.

    Image Shape

    Click Modify Image Shape... to open the Smart Button Wizard, where you can edit the visual properties of an image-based navigation bar.

 Navigation Bar 1
Navigation Bar 2
Navigation Bar 3

Namo Interactive Inc.

This document is created using Namo WebEditor 4 on August 2, 2000.

 

© 2001 Namo Interactive Inc. All rights reserved.