Operation Manual

406
USING DREAMWEAVER
Building Spry pages visually
Last updated 3/28/2012
Link a menu item
1 Select a Menu Bar widget in the Document window.
2 In the Property inspector (Window > Properties) select the name of the menu item to which you want to apply a link.
3 Type the link in the Link text box, or click the folder icon to browse to a file.
Create a tool tip for a menu item
1 Select a Menu Bar widget in the Document window.
2 In the Property inspector (Window > Properties) select the name of the menu item for which you want to create a
tool tip.
3 Type the text for the tool tip in the Title text box.
Assign a target attribute for a menu item
The target attribute specifies where to open a linked page. For example, you can assign a target attribute to a menu item
so that the linked page opens in a new browser window when the site visitor clicks the link. If you are using framesets,
you can also specify the name of a frame where you want the linked page to open.
1 Select a Menu Bar widget in the Document window.
2 In the Property inspector (Window > Properties), select the name of the menu item to which you want to assign a
target attribute.
3 Enter one of the four attributes in the Target box:
_blank Opens the linked page in a new browser window.
_self Loads the linked page in the same browser window. This is the default option. If the page is in a frame or
frameset, the page loads within that frame.
_parent Loads the linked document in the immediate frameset parent of the document.
_top Loads the linked page in the topmost window of a frameset.
Turn off styles
You can disable the styling of a Menu Bar widget so that you can better see the HTML structure of the widget in Design
view. For example, when you disable styles, menu bar items are displayed in a bulleted list on the page, rather than as
the styled items of the menu bar.
1 Select a Menu Bar widget in the Document window.
2 Click the Turn Styles Off button in the Property Inspector (Window > Properties).
Change the orientation of a Menu Bar widget
You can change the orientation of a Menu Bar widget from horizontal to vertical, and vice versa. All you need to do is
alter the HTML code for the menu bar and make sure you have the correct CSS file in your SpryAssets folder.
The following example changes a horizontal Menu Bar widget to a vertical Menu Bar widget.
1 In Dreamweaver, open the page that contains a horizontal Menu Bar widget.
2 Insert a vertical Menu Bar widget (Insert > Spry > Spry Menu Bar) and save the page. This step ensures that the
correct CSS file for a vertical menu bar is included in your site.