Автор: Nick La, Перевод и адаптация: Dobrovoi, блог:Dbmast.ru (изучить: Как сделать адаптивное меню)
Вы смотрите наглядный пример создания очень простого горизонтального меню с использованием чистой семантической HTML5 разметки, для реализации гибкой(адаптивной) конструкции, без подключения javascript. Данное меню может быть выравнено влево, вправо и располагаться чётко по центру. Меню имеет выделяемые активные/текущие пункты, ввиде изменения фона активных ссылок. Навигационная панель отлично перестраивается при изменении размера окна браузера и замечательно смотрится на экранах различных мобильных пользовательских устройств(планшеты, смартфоны, ноутбуки и мобильные телефоны). Поддержка всеми современными браузерами, включая даже, извечный тормоз прогресса, Internet Explorer! Цель этого урока, показать вам, как с помощью свойств CSS3, можно легко, превратить обычное горизонтальное меню, в компактную раскрывающуюся панель, при просмотре на экранах меньшего размера.
Вы смотрите наглядный пример создания очень простого горизонтального меню с использованием чистой семантической HTML5 разметки, для реализации гибкой(адаптивной) конструкции, без подключения javascript. Данное меню может быть выравнено влево, вправо и располагаться чётко по центру. Меню имеет выделяемые активные/текущие пункты, ввиде изменения фона активных ссылок. Навигационная панель отлично перестраивается при изменении размера окна браузера и замечательно смотрится на экранах различных мобильных пользовательских устройств(планшеты, смартфоны, ноутбуки и мобильные телефоны). Поддержка всеми современными браузерами, включая даже, извечный тормоз прогресса, Internet Explorer! Цель этого урока, показать вам, как с помощью свойств CSS3, можно легко, превратить обычное горизонтальное меню, в компактную раскрывающуюся панель, при просмотре на экранах меньшего размера.
Вы смотрите наглядный пример создания очень простого горизонтального меню с использованием чистой семантической HTML5 разметки, для реализации гибкой(адаптивной) конструкции, без подключения javascript. Данное меню может быть выравнено влево, вправо и располагаться чётко по центру. Меню имеет выделяемые активные/текущие пункты, ввиде изменения фона активных ссылок. Навигационная панель отлично перестраивается при изменении размера окна браузера и замечательно смотрится на экранах различных мобильных пользовательских устройств(планшеты, смартфоны, ноутбуки и мобильные телефоны). Поддержка всеми современными браузерами, включая даже, извечный тормоз прогресса, Internet Explorer! Цель этого урока, показать вам, как с помощью свойств CSS3, можно легко, превратить обычное горизонтальное меню, в компактную раскрывающуюся панель, при просмотре на экранах меньшего размера.