Вторник, 20 августа

Стандартное основное горизонтальное меню представлено на шаблонах Gantry5 довольно таки хорошо. Меню может сочетать в себе анимацию при наведении (fade, zoom, bounce), а также содержать иконки Icon и Image для наглядности. Возможна настройка ширины выпадающего списка (в px) и количества колонок в выпадающем списке (при этом должна соблюдаться кратность в px - например, стандартная ширина меню в шаблоне 180px (вкладка Layout шаблона Helium) 

т.е.  чтобы в выпадающем меню было 2 колонки, в строке Dropdown Widht настроек меню надо установить значение 360 px и т.д.).

 Шаблоны isotope и Galatea от Rockettheme предоставляют для использования на сайте гамбургер-меню (при нажатии на иконку гамбургер ...

... появляется основное меню с использованием оверлея или ...

...появляется меню и модули, специально созданные для отображения в секции Overlay в позиции overlay (название может быть любым). Управление происходит с помощью частицы Overlay Toggle Isotope, которую можно разместить в любой позиции шаблона

 

Шаблон Galatea использует гамбургер-меню несколько по-другому - появляется боковое меню со своим стилем (2 стиля - появляется сбоку или сверху).

 При этом используется уже секция Offsidebar  и частица Gantry5 - Offsidebar Toggleкоторую также можно разместить в любой секции шаблона, в любой позиции

Если средств создания меню не хватает, можно использовать варианты создания меню с помощью модуля Custom HTML - найти интересные готовые меню в интернете и скопировать к себе на проект, используя приемы, описанные мною ранее в статьях. 

Пример меню CSS без JS

Например, для создания меню в виде нижнего синего полукруга с анимацией воспользуемся вариантом, найденным на  https://codepen.io

То есть в модуле Custom HTML создаем разделы

<style> ... </style>

<script> ... </script>

<...div>  ..... </...div>

И заполняем их содержимым, не забывая использовать различные классы для nav, ul и li. 

иначе возможно наложение стилей и получение причудливых метаморфоз, если использовать несколько меню для одного проекта.

телефоны
+7 (902) 327-81-10 (Мегафон)
адрес
Чебоксары, Гражданская ул., д. 78, к. 149
часы работы
с 8:00 до 18:00 (сб, вс - с 9:00 до 15:00)