МЕНЮ


Ступени большого заработка

Выпадающее меню


ГЛАВНАЯ

РЫНОК FOREX
БИРЖА FOREX
КАК ЗАРАБОТАТЬ НА ФОРЕКС
FOREX Шаг-1
FOREX Щаг-2
FOREX Шаг-3
FOREX Шаг-4
FOREX Шаг-5


Быстрый заработок на Форекс


Выпадающее меню в Macromedia Dreamweaver 8

Это выпадающее меню можно сделать с помощью Behavior - Show Pop-Up Menu. Это меню использует скрипты Java, так что если страница создается для браузеров, которые не поддерживают скрипты, оно может отображаться некорректно.

Для начало создадим еще одну таблицу 1х4 и поместим ее на нашей опытной странице сайта Агентство Недвижимости между Шапкой и Телом-2 . В ней построим второй вариант меню. Заполним ячейки согласно плана сайта: Главная, Продажа, Покупка, Аренда, Услуги.

Как пример, возьмем вторую ячейку, меню - Продажа. Допустим оно имеет три  подменю: Квартиры, Дома, Участки. А меню  Квартиры в свою очередь имеет четыре подменю:
1-комнатные, 2-комнатные, 3-комнатные, 4-комн. и более.
Создадим для них выпадающее меню. Для этого откроем страницу в Dreamweaver 8 и создаем "пустую" ссылку.

Выпадающее меню - выбор названия
Рис. 5.19

Выделяем название меню Продажа (рис. 5.19) и в инспекторе свойств в поле ссылки Link вставляем значок # (рис. 5.20, ук. 1).

Выпадающее меню в Macromedia Dreamweaver
Рис. 5.20

Далее, не снимая выделения, нажимаем на Window => Behaviors (рис. 5.21, ук. 1 и 2).

Выпадающее меню в Macromedia Dreamweaver - шаг 2
Рис. 5.21

Нажимаем на кнопочку +  (рис. 5.21, ук. 3) и в появившемся меню выбираем Behavior - Show Pop-Up Menu. Появится окно настройки выпадающего меню (рис. 5.22).

Выпадающее меню в Macromedia Dreamweaver - щаг 3
Рис. 5.22

Закладка Contents (ук.1) позволяет определить количество элементов в выпадающее меню, вставить один или больше уровней меню, создать ссылки меню.

Закладка Appearance (ук.2) определяет вид меню - горизонтальное или вертикальное, шрифт и его размер, цвет ссылки и ячейки при наведении на них указателя мышки.

В закладке Advanced (ук.3) устанавливают параметры ячеек таблицы - высота и ширина, сellpadding и cellspace, отступ текста, время в мс пока меню можно видеть, размер и цвет границ.

Закладка Position (ук.4) устанавливает позицию выпадающего меню относительно ссылки, при наведении на которую показывается меню.

Рассмотрим закладку Contents на примере нашего меню. После открытия окна Show Pop-Up Menu в поле Text пишем Квартиры (рис. 5.23, ук. 5). Сейчас там написано Участки.

Выпадающее меню в Macromedia Dreamweaver - шаг 4
Рис. 5.23

Далее нажимаем + (ук. 1). В поле Text появляется надпись New Item. Вместо этой надписи  пишем 1-комнатные, а в поле Link (ук. 6) пишем адрес  страницы с однокомнатными квартирами и нажимаем кнопку (ук. 4), для перехода в меню второго уровня. Потом опять нажимаем на + и в поле Text пишем  2-комнатные, а в поле Link – адрес странички с 2-х комнатными квартирами . Так поступаем до 4-комн. и более.

Потом нажимаем кнопку (ук. 3), для обратного перехода в меню первого уровня и добавляем еще двух наименований: Дома  и  Участки (рис. 5.23).

Для удаления какого нибудь меню выделяем его и нажимаем кнопку “ - “  (ук. 2).

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

Вот и все, красивое выпадающее меню в Macromedia Dreamweaver 8 готово (рис. 5.24).

Выпадающее меню в Macromedia Dreamweaver - результат
Рис.5.24



Выпадающее меню в Macromedia Dreamweaver - дополнение
Рис. 5.25

Если нужно изменить готовое меню - в панели Behaviors и двойным кликом на ссылку (рис. 5.25, ук. 1) открывается Show Pop-Up Menu.

Пример нашего построения можно посмотреть по ссыке: ПРИМЕР САЙТА


Получите БЕСПЛАТНО
мгновенный доступ сразу к 4-м книгам!

"Как увеличить прибыль - задача любого интернет-коммерсанта" "Как увеличить прибыль при помощи электронной коммерции"
"100 советов, как стать успешным инфобизнесменом" "21 способ увеличить продажи в Интернет-бизнесе"
Введите Ваше имя, E-mail в нижнюю форму и нажмите кнопку:
"Получить книги бесплатно!"
На Ваш E-mail получите письмо активации и сразу после активации
откроется доступ на скачивание бесплатных книг:

 


Паралельно Вы получите бесплатный доступ
к еще 3-м продуктам, которые помогут Вам создать
очень доходный бизнес в Интернете.





Copyright © 2009 "20 steps" 
ВЕРШИНА-I ВЕРШИНА-II ВЕРШИНА-III ВЕРШИНА-IV
Все права защищены
20steps.ru