logoCoffee Cup Free DHTML Menu Builder – генератор меню на основе технологии DHTML. При помощи программы можно легко создавать навигационные меню для сайта различной вложенности. Внешний вид создаваемых меню полностью настраиваемый.

Функционал программы Coffee Cup Free DHTML Menu Builder.

#1. Создание меню различной вложенности;

#2. Настройки цветового оформления меню;

#3. Настройка шрифтов меню;

#4. Возможность создания вертикально и горизонтального меню;

#5. Возможно задавать высоту, ширину и отступы меню.

Использование программы Coffee Cup Free DHTML Menu Builder.

Рассмотрим процесс создания небольшого меню при помощи данной программы. Запускаем программу и первое что нам необходимо сделать это во вкладке Menu Designer создать структуру нашего будущего меню.

Для создания самых верхних пунктов меню нажмите на кнопку Add Root Item. В результате в окошке с лева появится ваш первый пункт меню. При помощи поля Text вы можете задать ему название. В поле Link впишите ссылку на страницу, которая должна открыться при нажатии по этому пункту. Кроме этого здесь можно указать ширину – Width и высоту Height пункта меню.

Создайте столько пунктов меню сколько вам необходимо. Это те пункты меню, которые будут отображаться постоянно.

Теперь нам нужно создать пункты, которые будут появляться при наведении мыши. Т. е. это будут вложенные пункты меню. Выделите пункт меню, в котором необходимо создать вложенный и нажмите кнопку Add Sub Item. При помощи данной кнопки вы можете создать сколько угодно уровней вложенности. Прим помощи кнопки Add Sibling продублируйте созданный пункт столько раз сколько вложенных пунктов вам необходимо. Всем пунктам дайте название и поставьте ссылку на страницу.

2

Далее переходи на вкладку Menu Colors. Здесь мы будем настраивать внешний вид меню. В блоке Main Menu Colors настраивается внешний вид первых пунктов меню.

Background Color – цвет фона меню;
Mouse Over Background Color – цвет фона активного пункта меню (будет отбаржаться при наведении курсора);
Font Color – Цвет текста; Mouse Over Font Color – цвет текста активного пункта;
Border Color – цвет рамки меню.

Второй блок Sub Menu Colors предназначен для настройки внешнего вида вложенных пунктов меню. Можно просто нажать на кнопку Copy Main и скопировать настройки верхних пунктов, а можно придать вложенным пунктам свой вид.

3

Переходим к вкладке Option здесь мы можем настроить следующие параметры:

Menu Type: - можно выбрать тип меню горизонтальное или вертикальное;
Menu Text Alignment: - расположение текста меню;
Horizontal Alignment: - расположение меню по горизонтали;
Vertical Alignment: - расположение меню по горизонтали;
Menu Top: - внешний отступ меню с верху;
Menu Left: - внешний отступ меню с лева;
Left Padding: - внутренний отступ слева;
Border Width: - размер рамки.

В блоке Sub Menus Undfold On можно настроить момент когда будут появляться вложенные пункты меню при наведении курсора или при клике. Кроме этого можно настроить размер и вид шрифта текста, а также стрелку меню.

4

Посмотреть, как выглядит ваше меню можно нажав на кнопку Preview. После того как меню создано нажмите на кнопку Get Code, затем скопируйте сгенерированный код и вставьте его на вашу страницу в то место где бы вы хотели видеть меню.

Файлы для скачивания

Материал подготовлен порталом: webmastermix.ru

Рекомендуем ознакомиться:
1 1 1 1 1 1 1 1 1 1 Рейтинг 0.00 (0 Голосов)