Страница 19 из 21

Menubar - Горизонтальное адаптивное меню с выпадающим списком

Добавлено: 03 июл 2015, 18:50
CabinetAdmin
Название расширения: 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 кода, созданием путём добавления каждого пункта так же как при создании форумов.

Menubar - Горизонтальное адаптивное меню с выпадающим списком

Добавлено: 21 апр 2019, 14:19
romaamor
dotez писал(а): одскажи пожалуйста что во что надо переименовать я не понял? мне надо чуть чуть вынести меню за пределы рамки форума
Ну мне надо было вообще установить меню выше шапки. А Вас другая ситуация судя по скрину.

Menubar - Горизонтальное адаптивное меню с выпадающим списком

Добавлено: 21 апр 2019, 15:35
dotez
romaamor писал(а):
dotez писал(а): одскажи пожалуйста что во что надо переименовать я не понял? мне надо чуть чуть вынести меню за пределы рамки форума
Ну мне надо было вообще установить меню выше шапки. А Вас другая ситуация судя по скрину.
у меня шапка удалена там свой контент вот под него надо вынести меню. ну чтобы меню было над рамкой форума всего


может подскажите как вы привязали ее к самому верху, а я просто отступ задам.

Menubar - Горизонтальное адаптивное меню с выпадающим списком

Добавлено: 21 апр 2019, 17:09
CabinetAdmin
dotez писал(а): вообще не понял что во что переименовывать?
Если в админке выбрано после навбара - переименовать файл overall_header_page_body_before
Если в админке выбрано перед навбаром - overall_header_navbar_before

доступные для переименовывания события - overall_header_body_before и overall_header_headerbar_before.
dotez писал(а): как сделать чтобы в мобильной версии меню ПОЛНОСТЬЮ складывалось в бутерброд?
Скрипт в phpbb 3.1 / 3.2, который используется на форуме, и в этом меню в том числе, устроен таким образом, что сворачивает под кнопку только те элементы, что не входят по ширине экрана. Чтобы сворачивалось всё целиком, надо писать свой скрипт.

Menubar - Горизонтальное адаптивное меню с выпадающим списком

Добавлено: 21 апр 2019, 17:17
dotez
CabinetAdmin писал(а): Если в админке выбрано после навбара - переименовать файл overall_header_page_body_before
Если в админке выбрано перед навбаром - overall_header_navbar_before

доступные для переименовывания события - overall_header_body_before и overall_header_headerbar_before.
попробовал переименовать файл overall_header_navbar_before.html в папке расширения в overall_header_body_before.html и overall_header_headerbar_before.html форум прсото не загружается- белый экран с ошибками.

Menubar - Горизонтальное адаптивное меню с выпадающим списком

Добавлено: 21 апр 2019, 17:23
CabinetAdmin
Ясень перец, это делается при отключении расширения или с последующей чисткой кэша.

Menubar - Горизонтальное адаптивное меню с выпадающим списком

Добавлено: 21 апр 2019, 17:30
dotez
CabinetAdmin писал(а): Ясень перец, это делается при отключении расширения или с последующей чисткой кэша.
а вот так заработало))) пасиб)))


по поводу буертброда я понял что один пункт всегда будет показываться жаль(

Menubar - Горизонтальное адаптивное меню с выпадающим списком

Добавлено: 21 апр 2019, 18:08
CabinetAdmin
Если сделать текст у первого пункта довольно длинным, то тоже свернётся под кнопку:)

Menubar - Горизонтальное адаптивное меню с выпадающим списком

Добавлено: 22 апр 2019, 18:42
dotez
CabinetAdmin писал(а):Если сделать текст у первого пункта довольно длинным, то тоже свернётся под кнопку:)

все бы хорошо НО когда начинаешь листать на телефоне вниз то адаптивность пропадает и бутердрод сам раскрывается. Можно это пофиксить? чтобы он не раскрывался при начале прокрутки когда меню зафиксировано вверху.

Menubar - Горизонтальное адаптивное меню с выпадающим списком

Добавлено: 22 апр 2019, 19:35
CabinetAdmin
Значит не делать первый пункт длинным.

Menubar - Горизонтальное адаптивное меню с выпадающим списком

Добавлено: 22 апр 2019, 19:45
dotez
CabinetAdmin писал(а): Значит не делать первый пункт длинным.
причем тут это? никто не далал ничего длинным)

меню нормально отображается

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

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

Menubar - Горизонтальное адаптивное меню с выпадающим списком

Добавлено: 22 апр 2019, 19:48
CabinetAdmin
Хм... Сейчас потестил и обратил на странную закономерность, если экран просто маленький и ты прокручиваешь страницу, то всё отрабатывает нормально, а вот если при зафиксированном меню изменить ширину, то меню разваливается, это делает скрипт. Почему он так делает надо смотреть. Как мне кажется, вина именно в том, что скрипт не понимает реальную ширину экрана... В общем надо посмотреть.

Menubar - Горизонтальное адаптивное меню с выпадающим списком

Добавлено: 22 апр 2019, 20:00
CabinetAdmin
Попробуйте так, в стилевом файле найти:

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

#menubar.fixed-nav .menubar {
	z-index: 9;
	position: fixed;
	top: 0;
	width: 100%;
	max-width: 1152px;
	margin: 0 !important;
}

#menubar.fixed-nav {
	height: 36px;
}

@media only screen and (max-width: 1220px), only screen and (max-device-width: 1220px) {
	#menubar.fixed-nav .menubar {
		left: 28px;
		right: 28px;
		width: auto;
	}
}

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
	#menubar.fixed-nav .menubar {
		left: 0;
		right: 0;
	}
}
и заменить на:

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

#menubar.fixed-nav .menubar {
	margin: 0 !important;
}

#menubar.fixed-nav {
	height: 36px;
}

#menubar.fixed-nav .tabs {
	z-index: 9;
	position: fixed;
	top: 0;
	width: 100%;
	max-width: 1152px;
	margin: 0 !important;
}

@media only screen and (max-width: 1220px), only screen and (max-device-width: 1220px) {
	#menubar.fixed-nav .tabs {
		left: 28px;
		right: 28px;
		width: auto;
	}
}

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
	#menubar.fixed-nav .tabs {
		left: 0;
		right: 0;
	}
}

Menubar - Горизонтальное адаптивное меню с выпадающим списком

Добавлено: 19 май 2019, 13:29
romaamor
CabinetAdmin, как сделать чтобы на мобильниках это меню вообще на появлялось ?

Menubar - Горизонтальное адаптивное меню с выпадающим списком

Добавлено: 19 май 2019, 15:52
CabinetAdmin

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

@media (max-width: 700px) {
	#menubar {
		display: none !important;
	}
}

Menubar - Горизонтальное адаптивное меню с выпадающим списком

Добавлено: 10 окт 2019, 21:50
southklad
При редактировании настроек расширения

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

Вернуться на главную страницу
Общая ошибка
SQL ERROR [ mysqli ]

Duplicate entry 'menubar_on' for key 'PRIMARY' [1062]

SQL

INSERT INTO phpbb_config (config_name, config_value, is_dynamic) VALUES ('menubar_on', '1', 0)

BACKTRACE

FILE: (not given by php)
LINE: (not given by php)
CALL: msg_handler()

FILE: [ROOT]/phpbb/db/driver/driver.php
LINE: 996
CALL: trigger_error()

FILE: [ROOT]/phpbb/db/driver/mysqli.php
LINE: 193
CALL: phpbb\db\driver\driver->sql_error()

FILE: [ROOT]/phpbb/db/driver/factory.php
LINE: 329
CALL: phpbb\db\driver\mysqli->sql_query()

FILE: [ROOT]/phpbb/config/db.php
LINE: 161
CALL: phpbb\db\driver\factory->sql_query()

FILE: [ROOT]/phpbb/config/db.php
LINE: 122
CALL: phpbb\config\db->set_atomic()

FILE: [ROOT]/includes/functions_compatibility.php
LINE: 299
CALL: phpbb\config\db->set()

FILE: [ROOT]/ext/xaocz/menubar/acp/menubar_module.php
LINE: 120
CALL: set_config()

FILE: [ROOT]/includes/functions_module.php
LINE: 676
CALL: xaocz\menubar\acp\menubar_module->main()

FILE: [ROOT]/adm/index.php
LINE: 82
CALL: p_master->load_active()