American Audio DCD-PRO240 Manuel d'utilisateur télécharger pdf (Page 124)

Freeway Reference: Hyperlinks and Anchors

124

Border section

The options in this section will be greyed out until the Border checkbox is checked. Here you can choose a border for the overall area of

CSS Menu. Note that if you want to apply a dividing rule between individual menu cells, you need to use the options in the Item Divider

section.

• Custom Borders: By default, the border will be applied all around the CSS Menu—but

you can check this option to display a popup for each border edge where you can apply a

different border or choose to have a border only on specified edges.

• Border: This popup allows you to choose a color for the border.

• Style: In addition to a solid rule border, you can choose from a selection of different border styles, such as Dotted or Double.

• Size: Here you can choose from a selection of preset pixel widths for your border.

Item Dividers section

This section offers options to display dividing rules between the individual cells of the menu.

• Top/Bottom or Left/Right: Depending on whether you chose a Vertical or Horizontal

layout for your CSS Menu in the Size and Shape Section, the popups here will show either

Top and Bottom (for a Vertical menu) or Left and Right (for a Horizontal menu). Use these to

choose a color for one edge or both (or choose None).

• Style and Size: As with the Border section, you can choose from a selection of different dividing rule styles.

Arrows section

When a main menu has a submenu, or if a submenu has a further submenu, it can be useful to give the visitor a visual reference so they

know that there are more choices available if they hover the mouse over the menu item (see an example on the screenshot at the start of

this article). In this section you can choose to automatically apply a preset arrow graphic to the menu cell for this purpose—or you can

import a custom graphic.

• Style: Click on this popup to choose from a selection of preset colored triangles, or choose

Custom Files... to activate the File popup below, where you can choose Select... to import a

custom graphic.

• File: This popup is greyed out and inactive unless Custom Files... is chosen in the Style

popup.

• Offset (px): This value controls the offset in pixels for the position of the arrow graphic from the right-hand edge of the menu cell

(or left-hand edge of the cell if using right-to-left text).

Submenu Settings options

The options in the Submenu Settings panel are almost identical to the Main Menu Settings�. The main differences being that you have

options for Submenu Direction and Use Main Menu Settings. The only other difference is that there are fewer options in the Size and

Shape section—which is because many options are pre-determined by those used in the Main Menu Settings.

• Submenu Direction: There is an option (mainly for those using Right to Left languages) to display any submenus to the left of a

parent menu cell.

• Use Main Menu Settings: Checking this will copy across the options chosen for your main menus. If you want to use different

widths, colored menus, etc., for submenus, leave this unchecked (though this will mean entering all the options again in the

Submenu Settings panel). Note that using Use Content Width in the Main Menu settings can cause issues with this option.

Previewing your CSS Menu

Once all the options are set for the CSS Menu, you can now publish the file to create a preview image which will give you some idea of

how the menu will look when viewed in a browser.

If, as suggested earlier, you created the CSS Menu on a normal site page (rather than a Master page), you can simply go to File>Publish site

to see a preview of how your menu will look.

If you created your CSS Menu on a Master page, you will see a message inside the menu item on the page stating “Live Preview not

available on Master Page”. To see a preview of how the menu looks, click on a site page created from that Master. To make edits to your

menu, remember to go back to the Master page again so the edits will take effect on all site pages created from that Master.

If you want to test your CSS Menu and all of its links, you will need to preview the file in a browser.

CSS Menu troubleshooting tips

Softpress Support occasionally gets queries from new users who can’t get their CSS Menu to work as they want or who have particular

issues. Let’s look at some of common queries and their solutions:

Query: Why are some (or all) links in my CSS Menu appearing with underlining when the option isn’t checked in

the CSS Menus Action?

Solution: This is almost always because there is some Color or Underline styling applied to the text in the CSS Menu. Double-click on the

item to show the text, select all the text in the menu, go to Style>Remove Styling, reapply just Font and Size attributes (plus Align if you

want anything other than the default Left align) in the Inspector’s General Settings tab.

If the above doesn’t fix the problem, check you don’t have any Links styling applied to the page. To check this, make sure nothing

is selected on the page, go to the Links panel in the Paintbrush tab of the Inspector and make sure all states display as None and the

Underline buttons display as white (if they don’t, click the buttons repeatedly to toggle them back to white).

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

Commentaires sur ces manuels

Pas de commentaire

American Audio DCD-PRO240 Manuel d'utilisateur Page 124

Commentaires sur ces manuels

Produits connexes et manuels pour Lecteurs de CD American Audio DCD-PRO240