Примеры меню сайта

Примеры верстки меню для сайта

Примеры простых горизонтальных меню

Здесь мы приведем варианты различного оформления простого нераскрывающегося горизонтального меню для сайта. Это значит, что html-код меню мы изменять не будем, а вот стили CSS к нему будем применять разные.

Примеры оформления простых вертикальных нераскрывающихся меню можно посмотреть на страничке «Оформление списков». Такие меню прекрасно подходят для навигационных боковых панелей сайта либо навигационных меню разделов текущей страницы.

Примеры раскрывающихся меню

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

Примеры многоуровневых меню

В данном примере показано многоуровневое (каскадное) горизонтальное меню. Всего присутствует два уровня вложенности. Попробуйте преобразовать меню в вертикальное, а также поэкспериментируйте с его внешним видом.