Название расширения: Menubar
Требования: phpBB 3.1.4 и выше, phpBB 3.2.0
Описание расширения: Добавляет на форум пользовательское горизонтальное адаптивное меню с выпадающим списком. Меню располагается ниже или выше существующей навигации. При уменьшении размера экрана меню сворачивается, так же как и существующие группы ссылок на форумах phpBB 3.1.x (в верхней части форума "Ссылки" или внизу, там где часовой пояс). Сворачивание происходит по одному пункту, по мере уменьшения ширины экрана.
Скачать:
Версия: 1.1.0
menubar-1.1.0.zip
15.48 КБ 819 скачиваний
Изображение

Изображение


На данный момент есть три стиля навигации
+Смотреть скриншоты:
Настройка меню описана в настройках расширения.

На данный момент доступны стили: menubar-pro, menubar-pro2 и menubar-black.

Последние изменения.
С версии 1.1.0 изменён принцип отображения всплывающего меню в свёрнутом состоянии. Теперь пункты отображаются сразу же под своим "родителем", но с небольшим отступом слева.
+История расширения

Последний этап эволюции расширения доступен для 3.3 версии здесь - viewtopic.php?f=157&t=5035
Меню с созданием пунктов без применения html кода, созданием путём добавления каждого пункта так же как при создании форумов.
Комментарии: 310

CabinetAdmin 12 окт 2019, 14:22 Сообщение

Ошибка говорит что в базе уже есть поля с записью 'menubar_on'. Возможно что стоит ещё одно расширение с таким же названием поля. Нужно либо очистить базу от дубля, можно попробовать, для начала, отключить расширение с удалением данных, потом снова включить и посмотреть. Либо второй вариант, если первый не сработает, так же сначала выключить с удалением данных, потом в menubar_module.php, listener.php и v_1_0_0.php поменять menubar_on на что нибудь своё, да хотя бы просто добавить букву, например n_menubar_on.
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

southklad 12 окт 2019, 22:28 Сообщение

CabinetAdmin, помогло, спасибо
  • 0
Изображение

southklad 16 июл 2020, 22:22 Сообщение

Как обстоят дела с 3.3? А так же вопрос, как сделать адаптивным для двух стилей, для titanium и ca_vintage ? А то через админку только к какому то одному можно применить
  • 0
Изображение

CabinetAdmin 17 июл 2020, 17:44 Сообщение

Для винтажа можно использовать дополнительный класс .ca_global в начале каждой функции. Для titanium, в зависимости от используемой цветовой версии .ca_night или .ca_light.
igorbond писал(а): 16 июл 2020, 22:22 Как обстоят дела с 3.3
Если добавить кавычки, то наверно будет работать.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

romaamor 17 июл 2020, 18:25 Сообщение

CabinetAdmin писал(а): 17 июл 2020, 17:44 Если добавить кавычки, то наверно будет работать.
Точно будет. У меня работает.
  • 0

southklad 17 июл 2020, 20:03 Сообщение

CabinetAdmin писал(а): 17 июл 2020, 17:44 Для винтажа можно использовать дополнительный класс .ca_global в начале каждой функции. Для titanium, в зависимости от используемой цветовой версии .ca_night или .ca_light.
А как и куда, что то не совсем понял
  • 0
Изображение

CabinetAdmin 18 июл 2020, 21:08 Сообщение

Ну как куда, вы же спрашивали про "через админку", ну значит туда и добавлять.
Либо как и с любым другим расширением. Создать в расширении в styles папку с именем стиля с содержимым theme/menubar.css (скопированным из папки all). Этот файл можете настраивать как хотите и применяться он будет только к тому стилю, на которое вы ссылаетесь.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

romaamor 17 янв 2021, 16:26 Сообщение

А как сделать что бы меню в верху фиксировалось только в определённых стилях ?
  • 0

CabinetAdmin 18 янв 2021, 17:37 Сообщение

Можно переписать #menubar.fixed-nav в стилях таким образом, чтобы это работало только в определённых стилях, с условиями их разметки. Довольно трудный способ, особенно если стили принципиально отличаются друг от друга только палитрой.

Самый простой способ добавить класс в header стилей для которых нужно фиксирование, либо наоборот, в зависимости каких стилей больше. Например, добавляем menubar-fixed_true:

Код: Выделить всё

<body id="phpbb" class="menubar-fixed_true nojs notouch section-{SCRIPT_NAME} {S_CONTENT_DIRECTION} {BODY_CLASS}">
В стилях поменять #menubar.fixed-nav на .menubar-fixed_true #menubar.fixed-nav на всех вхождениях.

Если наоборот исключить, то добавляем menubar-fixed_false:

Код: Выделить всё

<body id="phpbb" class="menubar-fixed_false nojs notouch section-{SCRIPT_NAME} {S_CONTENT_DIRECTION} {BODY_CLASS}">
В стилях поменять #menubar.fixed-nav на body:not([class^='menubar-fixed_false']) #menubar.fixed-nav.
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

southklad 22 апр 2021, 16:57 Сообщение

В мобильной версии при загрузке страницы скрытые поля сначала развернуты, потом уже сворачиваются, как бы сделать так, чтобы они сразу были бы свернуты?

А так же почему то свернутая часть меню выглядит вот так в стиле Милк

Изображение

PS: Как бы сделать такую же функцию свернутой части меню и для основного меню форума?
  • 0
Изображение

CabinetAdmin 23 апр 2021, 17:40 Сообщение

igorbond писал(а): 22 апр 2021, 16:57в стиле Милк
В файле menubar.css вот сюда:

Код: Выделить всё

#tabs .menubar .tab > a {
	background: transparent;
	border-radius: 0;
	border-width: 0;
	box-shadow: none;
	float: none;
	line-height: 20px;
	margin: 5px 15px 5px 10px;
	padding: 3px 0;
}
добавить font-size: 1.2em;.
igorbond писал(а): 22 апр 2021, 16:57 В мобильной версии при загрузке страницы скрытые поля сначала развернуты
Потому что за сворачивание отвечает скрипт, не только эти пункты не свёрнуты, но и стандартные: ссылки, фак и тп., тоже, кстати, в развёрнутом состоянии.

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

Можно попробовать туда же в стилевой файл, в самый конец добавить:

Код: Выделить всё

@media (max-width: 425px) {
	.menubar li {display: none;}
}
если что 425px можно увеличить.
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

southklad 24 апр 2021, 18:17 Сообщение

Спасибо, работает!!!
  • 0

romaamor 26 ноя 2022, 15:27 Сообщение

Короче. Плюнул я на попытки переделать расширение с последнего моего поста, решил вернутся к этому.
И сразу ошибка. Вы не исправили файл services.yml.
Но вопрос другой. Почему все пункты меню, при просмотре с ПК сворачиваются как на мобильной версии?
  • 0

romaamor 26 ноя 2022, 17:15 Сообщение

Понял почему сворачивается меню. Это происходит после того как я добавляю

Код: Выделить всё

border-top: 4px solid #289dcc;
Как исправить ?
И как сделать что бы при наведении на ссылку пункт меню был на синем фоне ?
Как вставить форму поиска справа но так, что бы в мобильной версии её вообще не было ?
  • 0

romaamor 27 ноя 2022, 15:36 Сообщение

Остались уже два вопроса.
И как сделать что бы при наведении на ссылку пункт меню был на синем фоне ?
Как вставить форму поиска справа но так, что бы в мобильной версии её вообще не было ?
  • 0

Похожие темы