Как быстро сделать css меню для сайта

Жирный шрифт и курсив в html
Дата: 2012-03-01
Автор: admin

Как добавить сайт в поисковики
Дата: 2010-11-26
Автор: Олег Каминский

Кроссбраузерная верстка. Полезные советы
Дата: 2011-08-31
Автор: Олег Каминский

Как вставить видео с youtube на сайт
Дата: 2011-02-16
Автор: Олег Каминский

Как раскрутить интернет-магазин бесплатно
Дата: 2012-01-16
Автор: Олег Каминский

Как быстро сделать css меню для сайта



Сегодня хотелось бы рассказать об одной бесплатной программе, которая поможет создать на css горизонтальное меню, вертикальное меню, а также выпадающее меню (чекбокс) для вашего сайта. Что самое главное, быть особым экспертом в области web программирования не нужно, программа сама сгенерирует для вас необходимый html и css код. Вам лишь необходимо будет указать цвет кнопок и текста в вашем будущем меню. Программа генерирует меню без использования картинок применяя просто html-цвета.

Речь идет о программе CSS Menu Generator. Она на английском языке, но там не такой уж и богатый интерфейс, вам придется перевести для работы всего несколько фраз, если плохо владеете данным языком. Переходим по ссылке выше и скачиваем программу.

В первой вкладке Menu Items можно добавлять необходимое количество пунктов меню. Называйте их пока английскими символами, а после на самом сайте поменяете названия на русские. Добавлять пункты меню необходимо кнопкой New с зеленым плюсиком. При помощи кнопки Edit редактируется определенный пункт меню, ну а  Delete, естественно, удаляет пункт. Кнопки Up и Dn меняют пункты меню местами.

Css меню для сайта

После того, как вы добавите необходимое вам количество пунктов меню необходимо переходить к корректировке внешнего вида. Если вам нужно горизонтальное меню, то переходите во вкладку Horizontal Menu, если вертикальное то Vertical Menu.

Устанавливаем все цвета, а также настройки шрифтов. Не забывайте наблюдать за внесенными изменениями внизу в разделе Preview.

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

В первом сверху текстовом поле выводится CSS код, а в нижнем код блока самого меню для вставки на сайт.

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



Поделитесь статьёй с друзьями:


Автор: Олег Каминский| Дата: 2011-04-20| Просмотров:(8382)| Комментов:(0)



Комментарии:

Добавить Ваш комментарий:

Введите сумму чисел с картинки: