American Audio DCD-PRO240 User Manual download pdf (Page 123)

Freeway Reference: Hyperlinks and Anchors

123

Applying and setting options for a CSS Menu

The CSS Menus Action is applied to the item by selecting it, going to Item>Actions and choosing CSS Menus.

As soon as the Action is applied to the item, you’ll see a message displayed on the item

itself stating that you need to publish your file to see a preview of the CSS Menu—this is

because the HTML for the menu needs to be generated so a preview can be displayed.

With the item selected, open the Actions palette to see that there are two panels of settings

which control how the menu will behave—Main Menu Settings and Submenu Settings—

and these are chosen by clicking on the popup at the very top of the Actions palette.

As you would expect, the Main Menu Settings refer to the settings of the menu items

displayed when you first see the page in a browser, and the Submenu Settings refer to the

submenus which appear when you move your mouse over menu items with associated submenus.

Main Menu Settings options

The default layout of the CSS Menus Actions palette is shown here. Click on the disclosure

triangles for each section to view all the options. Sections with checkboxes need checking for

options to become active.

• Highlight Current Page: Setting this option will give the site visitor a visual reference of

which page they are currently viewing. After turning this on, you will be able to set a value

for the Current Page in the Links and Background sections.

• Text Direction Right to Left: Set this if your menu is using right-to-left text.

Size and Shape section

• Layout: This offers the choice of a vertical or horizontal layout for the main menu items. If you choose Horizontal, an option

appears called Use Content Width which will make main menu widths relative to the width of the text within it.

• Alignment: This controls the alignment of the CSS Menu within its container item.

• Width: The width of each “cell” of the main menu can be given in Ems (a measurement relative to the size of HTML text) or in

Pixels (a fixed width) by choosing the unit of measurement in the Units popup. Width values can be set to one decimal place for

Ems, but a Pixel value must be a whole number. Note: Using Use Content Width (above) will render Width inactive.

• Padding: This controls the amount of space around the text in each main menu “cell”. By adjusting these values you can position

your text within the menu cell. Adding to the padding value for top and bottom will increase the height of a menu cell.

Links section

• Link: This controls the color of link text within a CSS Menu cell in its normal state. Note that

you will only see this take effect once links have been established.

• Hover: This controls the color of the text within a CSS Menu cell when it is moused over.

• Click: This controls the color of the text within a CSS Menu cell in its clicked state (ie, when

the click button on a mouse is depressed).The three link states above each have an Underline

option to the right of their color popups.

• Current Page: This option will only appear in the Links section if the Highlight Current Page option is checked in the Main Menu

Settings. This controls the color of the text for the main menu cell of the page currently displaying in the visitor’s browser.

Background section

The options in this section will be greyed out until the Background checkbox is checked. The

colors here apply to the background color of the CSS Menu cell in the normal, mouseover and

click states.

All the popups in here are exactly the same as those in the Links section—the main difference is

that there is a different option to the right of the popups.

• Use Image: This offers the choice to import a graphic to use as a background to a menu cell

in each state. With the option checked, two new options appear underneath:

• Image: Click on the popup and choose Select... to choose the graphic you want to use for your menu item background.

• Repeat: The left popup controls whether the imported graphic “tiles” horizontally and

vertically (xy), horizontally only (x), vertically only (y) or doesn’t tile at all (None). The right

popup controls the position of where the graphic initially appears in the menu cell.

• Current Page: If the option is checked in the Main Menu Settings this popup can be used to

apply settings to the background of the Current Page menu cell.

1 2 ... 118 119 120 121 122 123 124 125 126 127 128 ... 249 250

American Audio DCD-PRO240 User Manual Page 123

Comments to this Manuals

American Audio DCD-PRO240 User Manual Page 123

Comments to this Manuals

Related products and manuals for CD players American Audio DCD-PRO240