416 читали · 2 года назад
HTML-код: Интересное меню для таплинка
У данного меню есть недостаток, она работает отлично только на мобильной версии, так как собиралось именно под мобильную версию <div class="menu"> <nav class="menu-nav"> <a href="https://yandex.ru">Main</a> <a href="#">Porfolio</a> <a href="#">About</a> </nav> <a href="#" class="menu-btn"> <span></span> </a> </div> <style> .section { height: 20px; background-color: transparent; display: flex; justify-content: center; align-items: center; position: fixed; top: 30px; z-index:3333; } ...
954 читали · 2 года назад
Энтони Ценг написал о боковой панели меню. — Добавьте иконки, чтобы ускорить распознавание пунктов меню; — Расстояние между пунктами должно быть не слишком маленьким, чтобы пользователи реже нажимали не туда; — Выделяйте пункт при наведении курсора; — Если пунктов много, группируйте их (например, с помощью разделителей). Группы можно озаглавить; — В сочетании с таким меню поле поиска и информацию о пользователе часто располагают в верхней части экрана; — Если в верхней части страниц есть навигация и другие элементы управления, поиск и информацию о пользователе можно переместить на панель меню: поиск — под логотип, пользователя — в нижнюю её часть; — На планшетах боковую панель можно сделать раздвижной. В уменьшенном состоянии на ней будут: иконки пунктов меню, поиска, фото пользователя и контрол увеличения размера панели.