Шаблон MF 9.0

Компоненты header-menu

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

Компонент header-menu1 имеет прозрачный фон, что позволяет его накладывать на фоновые изображения, как это мы видели с компонентом header1. А компонент header-menu2 имеет более универсальное назначение, поскольку настройки его дизайна вынесены в отдельную опцию CSS-классы.

По умолчанию блок header-menu2 выглядит так:

За это отвечает опция CSS-классы:

где каждая строчка определяет структурный блок компонента. Например для блока b1-container будут использованы css-классы bg-primary800 t-white (темный фон, белый текст). Так что данный компонент можно настроить также в очень широких пределах.

Кроме этого если компонент header-menu1 довольно жестко завязан на header1 (из-за особенностей вёрстки), то header-menu2 может использоваться без «компаньона», то есть сам по себе. Он будет актуален, когда мы будем рассматривать блоки Berry CSS в качестве компонентов шапки.