Сегодня хотелось бы рассказать
об одной бесплатной программе, которая поможет создать на css
горизонтальное меню, вертикальное меню, а также выпадающее меню
(чекбокс) для вашего сайта. Что самое главное, быть особым экспертом в
области web программирования не нужно, программа сама сгенерирует для
вас необходимый html и css код. Вам лишь необходимо будет указать цвет
кнопок и текста в вашем будущем меню. Программа генерирует меню без
использования картинок применяя просто html-цвета.
Речь идет о программе CSS Menu Generator.
Она на английском языке, но там не такой уж и богатый интерфейс, вам
придется перевести для работы всего несколько фраз, если плохо владеете
данным языком. Переходим по ссылке выше и скачиваем программу.
В первой вкладке Menu Items можно
добавлять необходимое количество пунктов меню. Называйте их пока
английскими символами, а после на самом сайте поменяете названия на
русские. Добавлять пункты меню необходимо кнопкой New с зеленым плюсиком. При помощи кнопки Edit редактируется определенный пункт меню, ну а Delete, естественно, удаляет пункт. Кнопки Up и Dn меняют пункты меню местами.
После того, как вы добавите необходимое вам
количество пунктов меню необходимо переходить к корректировке внешнего
вида. Если вам нужно горизонтальное меню, то переходите во вкладку Horizontal Menu, если вертикальное то Vertical Menu.
Устанавливаем все цвета, а также настройки шрифтов. Не забывайте наблюдать за внесенными изменениями внизу в разделе Preview.
После того как вы настроите меню в программе и его внешний вид вам понравиться, можно перейти во вкладку HTML/CSS Code для того чтобы скопировать необходимый код для вставки на страницу сайта и в таблицу стилей.
В первом сверху текстовом поле выводится CSS код, а в нижнем код блока самого меню для вставки на сайт.
Полученный код, естественно, можно корректировать,
внося изменения уже непосредственно в своем редакторе кода. Данная
программа просто сводит до минимума ручную работу, если необходимо создать простое меню для сайта.