|
Делаем меню из списка
с гиперссылками
Перед тем, как
делать меню с гиперссылками, необходимо сделать страницы, на которые будет
ссылаться меню, после чего можно переходить к созданию меню навигации.
Первым делом, для удобства, я создал таблицу и
задал её такие параметры, чтобы текст в ней не вылезал за пределы фонового
рисунка.
После этого я решил для себя, как у меня будут
размещены пункты меню. Я выбрал для себя создание меню, как отдельные списки
подменю.
Написав весь список, выделяем текст и переходим
к созданию списка.
Cоздаем список:
Переходим в
"Формат"\"Список"
Далее выбираем стиль списка.
Я буду делать список со свертываемой структурой,
поэтому использовал параметры "Включить свертываемые структуры". Параметр
"Изначально свернуть" можно использовать при необходимости.
Для списка я создал 2 изображения - одно для
главного списка, другое для раскрывающегося.
Вот эти изображения:
Вставление изображений вместо стандартных точек:
Для вставления изображения необходимо указать
его в параметре "задать рисунок:"
Вот, что получается:
Не совсем то, что мы хотели бы видеть, поэтому
продолжаем работу над списком.
Выделяем текст, который будет отображаться и
скрываться при нажатии на основную часть списка:
Два раза нажимаем на
"Увеличить отступ"
После чего получаем:
Теперь не снимая выделения с текста нажимаем на
нём правой кнопкой мыши и выбираем "Свойства списка"
В параметре "Задать рисунок" меняем
изображение на другую "стрелку"
Далее выделяем текст, который будет ссылаться на
определенную страницу:
И после выделения жмем на нём правой кнопкой
мыши. Выбираем "Гиперссылка..."
Выбираем ту страницу, на которую будет
переходить пользователь при нажатии на ссылку.
Таким же образом делаются все остальные пункты
Вашего меню.
Внимание! Страницы должны иметь названия на
Латинице! Т.Е. например не "Веб-дизайн.html", а "Web-dizayn.html".
P.S. В некоторых версиях браузеров
сворачивающиеся списки не работают!
Смотрим так же урок
Создание меню из стандартных кнопок.
|
