Внимание! Dreamweaver и в этом случае верен своему кредо

Dreamweaver и в этом случае верен своему кредо!.. Если вы введете русский текст в поле ввода Text,он будет искажен до неузнаваемости. Поэтому либо задавайте для пунктов меню гиперссылок только английский текст, либо правьте сам JavaScript-код вручную.

Вы можете не вводить данные в поле ввода Link.В этом случае пункт меню не будет гиперссылкой и, соответственно, не будет реагировать на щелчки мышью. Таким образом вы можете создавать, например, разделители.

Все созданные вами к данному времени пункты меню гиперссылок отображаются в списке, занимающем большую часть вкладки Contents.Этот список состоит из трех колонок: Text(текст пункта меню), Link(интернет-адрес гиперссылки) и Target(цель гиперссылки). Вы можете выбрать любой пункт в этом списке и выполнить над ним различные манипуляции.

Чтобы создать новый пункт, нажмите кнопку со знаком "плюс", расположенную над списком пунктов, и задайте в полях ввода Text, Linkи раскрывающемся списке Targetнужные данные.

Чтобы изменить какой-либо пункт меню, выберите его в списке пунктов и измените его данные, пользуясь перечисленными выше элементами управления.

Чтобы удалить ненужный пункт, выберите его в списке пунктов и нажмите кнопку со знаком "минус", расположенную над этим списком.

Кнопки вверх ^и вниз позволят переместить выбранный вами пункт на позицию вверх или вниз соответственно.

Вы также можете создавать вложенные меню. Для этого создайте пункт основного меню, при щелчке на котором будет открываться подменю, причем не вводите ничего в поле ввода Link.Далее создайте первый пункт подменю и поместите его точно перед созданным ранее пунктом. Теперь вам останется нажать кнопку Indent Item(рис. 13.24).

Рис. 13.24. Кнопка Indent Itemвкладки Contentsдиалогового окна Show Pop-Up Menu

Результат показан на рис. 13.25. В данном случае пункт Linksстанет единственным пунктом подменю, раскрывающемся при щелчке на пункте Others.

Как видите, пункт Linksотображается с отступом; это говорит о том, что он принадлежит подменю.

Рис. 13.25. Подменю в меню гиперссылок

Чтобы вернуть пункт из подменю в основное меню или подменю более высокого уровня, нажмите кнопку Outdent Item(рис. 13.26).

Рис. 13.26. Кнопка Outdent Itemвкладки Contentsдиалогового окна Show Pop-Up Menu

Вкладка Appearanceдиалогового окна Show Pop-Up Menu(рис. 13.27) позволит вам настроить внешний вид меню гиперссылок.

Рис. 13.27. Диалоговое окно Show Pop-Up Menu(вкладка Appearance)

С помощью раскрывающегося списка, расположенного выше всех остальных элементов управления, вы можете выбрать расположение меню гиперссылок: вертикальное (пункт Vertical Menu)или горизонтальное (Horizontal Menu).

В раскрывающемся списке Fontвыбирается шрифт, которым набран текст пунктов меню. По умолчанию выбран пункт Default Font,обозначающий шрифт, заданный для выбранного вами в окне документа элемента страницы.

В поле ввода Sizeзадается размер шрифта, которым набран текст пунктов меню.

С помощью кнопок-выключателей вверх и вниз вы можете сделать шрифт пунктов меню соответственно жирным или курсивным.

Правее кнопок вверх и вниз находится набор из трех кнопок-переключателей, задающих выравнивание текста пунктов меню. Они задают соответственно левое выравнивание, центрирование и правое выравнивание в порядке слева направо.

Группа селекторов цвета Up Stateзадает цвета пунктов меню в "ненажатом" состоянии. Селектор цвета Textзадает цвет текста, а селектор цвета Cell-цвет фона (фактически — цвет фона ячейки таблицы, которая и создает меню гиперссылок). Аналогично, группа селекторов цвета Down Stateзадает цвета пункта меню, над которым посетитель поместил курсор мыши.

Результаты применения заданных вами параметров вы можете увидеть в расположенной в нижней части диалогового окна панели предварительного просмотра.

Вкладка Advancedдиалогового окна Show Pop-Up Menu(рис. 13.28) позволит вам задать некоторые дополнительные параметры таблицы, создающей меню гиперссылок.

Поля ввода и раскрывающиеся списки Cell Width и Cell Heightзадают соответственно ширину и высоту ячеек этой таблицы. Если вы выберете в раскрывающихся списках пункт Automatic,то соответствующий размер будет устанавливаться самим Web-обозревателем. Чтобы самим задать нужный размер, выберите в соответствующем раскрывающемся списке пункт Pixelsи введите этот размер в пикселах в поле ввода, расположенное левее.

Поля ввода Cell Padding и Cell Spacingзадают соответствующие параметры таблицы.

В поле ввода Text Indentзадается величина отступа красной строки в пикселах.

В поле ввода Menu Delayвводится задержка открытия меню и его подменю в миллисекундах.

Включите флажок Show Borders,если хотите, чтобы границы меню и подменю были видимы.

Рис. 13.28. Диалоговое окно Show Pop-Up Menu(вкладка Advanced)

В поле ввода Border Widthвводится толщина границы меню и подменю в пикселах.

Селектор цвета Border Colorзадает цвет границы меню и подменю. Также вы можете задать цвет "затемненной" стороны границы в селекторе цвета Shadow,а цвет "освещенной" стороны — в селекторе цвета Highlight.

Результаты применения заданных вами параметров вы также можете увидеть в расположенной в нижней части диалогового окна панели предварительного просмотра.

Вкладка Positionдиалогового окна Show Pop-Up Menu(рис. 13.29) позволит вам задать местонахождение меню гиперссылок относительно элемента страницы, к которому оно привязано.

Набор из четырех больших кнопок-переключателей Menu Positionпозволит вам задать собственно местоположение меню гиперссылок. Эти кнопки заставляют меню появляться соответственно в правом нижнем углу, ниже, выше и в правом верхнем углу элемента, к которому оно привязано. (Порядок перечисления кнопок — слева направо.)

Если вас не устраивает ни одно из четырех предопределенных местоположений меню, вы можете задать свое собственное. Для этого введите в поля ввода X и Y соответственно горизонтальную и вертикальную координаты верхнего левого угла меню.

Рис. 13.29. Диалоговое окно Show Pop-Up Menu(вкладка Position)

По умолчанию меню гиперссылок убирается с экрана сразу же после того, как посетитель уберет курсор мыши с элемента страницы, к которому оно привязано. Если вы хотите, чтобы оно оставалось на экране, отключите флажок Hide Menu on onMouseOut Event.

После задания всех параметров меню гиперссылок не забудьте нажать кнопку ОК.