Красивый дизайн всегда положительно сказывается на его репутации. Ведь не секрет, если дизайн плох, то и находиться на таком ресурсе не вызывает интереса. Недавно в одном из премиум шаблонов заметил интересное меню, которое отлично вписывается в темный дизайн сайта. Эта навигация весьма привлекательная, и меня она заинтересовала. Одним из преимуществ такого меню является то, что оно написано полностью на css. Идея меню состоит в том, что ползунок, который находиться над верхней частью меню, плавно скользит к активным пунктам навигации.

Я уже говорил, что меню отлично смотрится в структуре темного шаблона, в этом можете сами убедиться, просмотрев online-демонстрацию шаблона в работе.

Чтобы создать подобное меню, нам необходимо создать достаточно простую разметку, которая будет использовать неупорядоченный список:

Теперь рассмотрим стилизацию с помощью CSS3.

При задании стилей используются преимущества CSS3 для создания визуального эффекта перемещения маркера при наведении курсора мыши на пункт меню.

Если Вам понравилась тема WordPress с онлайн просмотра, то можете ее скачать бесплатно:

Материал взят из зарубежного источника. И представлен исключительно в ознакомительных целях.