Интенсивный курс «Базовый HTML и CSS»16 января — 22 февраля 2017
Мастерская: создаём меню

Мастерская: создаём меню

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

Начать

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