Мастерская: создаём меню
Создадим с нуля несколько типовых навигационных меню: вертикальное, горизонтальное, многоуровневое и с выпадающим подменю. Это прикладной курс, в котором вы будете использовать знания и навыки, полученные в предыдущих курсах.
Создаём вертикальное менюДобавляем ссылкиСбрасываем стили спискаОформляем контейнер менюОформляем пункты, простой вариантБолее сложное оформление пунктовДобавляем разделителиОформляем состояния пунктовИспытание: вертикальное менюМногоуровневое вертикальное менюУстраняем проблемы оформленияПереносим рамки, задаём отступы подменюОформляем пункты подменюТестируем на большой вложенностиИспытание: многоуровневое менюГоризонтальное менюЧто делать, если пункты не влезают?Усложнённое оформление пунктовЗавершаем оформление пунктовИспытание: горизонтальное менюВертикальное меню с выпадающим подменюПозиционируем выпадающее подменюОтображаем подменю при наведенииГоризонтальное меню с выпадающим подменюОформляем выпадающее менюВключаем механизм выпаданияСостояние «открытое подменю»Испытание: выпадающее меню