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

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

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

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

  1. Home
  2. HTML
  3. CSS
  4. JavaScript
  5. PHP
  6. MySQL
  1. Home
  2. HTML
  3. CSS
  4. JavaScript
  5. PHP
  6. MySQL
  1. Home
  2. HTML
  3. CSS
  4. JavaScript
  5. PHP
  6. MySQL
  1. Home
  2. HTML
  3. CSS
  4. JavaScript
  5. PHP
  6. MySQL

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

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

HTML CSS JavaScript PHP
Все ресурсы
Войти

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

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

  1. HTML
  2. CSS
  3. JavaScript
  4. PHP
  5. Все ресурсы
  6. Войти
▲
▼