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

Изображение


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

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

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

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

eska 23 мар 2018, 10:49 Сообщение

который под третим скриншотом
  • 0

CabinetAdmin 24 мар 2018, 08:54 Сообщение

Задать класс menubar-pro.
В поле для стилей добавить:

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

.menu-navbar {
	max-width: 1152px;
	padding: 0 14px;
}

.menu-navbar #tabs {
	border: 1px solid #EAEAEA;
}

.menu-navbar .menubar-pro {
	background-color: #ffffff;
	border-radius: 2px;
}

.menu-navbar .menubar-pro li > ul {
	background-color: #ffffff;
	border: 1px solid #b9b9b9;
	border-top: 3px solid #5780AB;
	border-radius: 0;
}

.menu-navbar .menubar-pro ul li:first-child > a:after {
	border-bottom: 6px solid #5780ab;
}

.menu-navbar .menubar-pro ul li:first-child a:hover:after {
	border-bottom-color: #5780ab;
}

.menu-navbar .menubar-pro ul a:hover {
	background-color: #f5f5f5;
}

.menu-navbar .menubar-pro .dropdown .dropdown-contents {
	background-color: #ffffff;
	border-color: #f1f1f1;
}

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
	.menu-navbar #tabs .menubar {
		margin-left: -15px !important;
		margin-right: -15px !important;
	}
}
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

eska 24 мар 2018, 10:07 Сообщение

Как увеличить строки меню, а то всё мимо кассы.
Изображение
  • 0

eska 24 мар 2018, 10:55 Сообщение

eska писал(а): Как увеличить строки меню, а то всё мимо кассы.
правильно ли я сделал

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

.menubar ul a {
	padding: 10px;
	width: 130px; - изменил на 100%
	display: block;
	white-space: nowrap;
	float: none;
	text-transform: none;
  • 0

eska 24 мар 2018, 11:03 Сообщение

Но почему-то появился косяк, с телефона теперь страница не влезает целиком, то есть двигается влево, вправо((
  • 0

CabinetAdmin 24 мар 2018, 18:17 Сообщение

Это из-за всплывашки. При уменьшении экрана пункты, вместе с подменю, прячутся под кнопку, но так как кнопка в самом начале, то она, соответственно, не сворачивается и ширина всплывашки выходит за границу экрана.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

eska 24 мар 2018, 18:59 Сообщение

CabinetAdmin, это пипец как не удобно((( удалять что ли...
  • 0

eska 20 июл 2018, 08:08 Сообщение

CabinetAdmin, вы ка то писали как можно сделать первую кнопку в красном цвете (фон
всю тему перелопатил, но найти не смог(
  • 0

CabinetAdmin 20 июл 2018, 16:51 Сообщение

Было дело. Добавить новый класс:

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

<li class="first_item"><a href="#">Пункт 1</a>
   <ul>
      <li><a href="#">Пункт 1.1</a></li>
      ...
   </ul>
</li>
в menubar.css:

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

.menubar li.first_item > a {
	background: #e60000;
	color: #fff;
}
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

JimИван 22 июл 2018, 10:39 Сообщение

Для 3.2 же идёт ?
  • 0
Till I die

CabinetAdmin 22 июл 2018, 14:34 Сообщение

Да.
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

eska 25 июл 2018, 20:31 Сообщение

CabinetAdmin писал(а): .menubar li.first_item > a {
background: #e60000;
color: #fff;
}
CabinetAdmin, спасибо
  • 0

aleksndr 08 авг 2018, 18:16 Сообщение

У меня где свернутые категории [три полоски] ни чего не открывается
  • 0

CabinetAdmin 09 авг 2018, 17:16 Сообщение

У вас очень много ошибок в консоли. Из-за этого и не работает, какой то скрипт нарушает работу родных скриптов форума, а в этом расширении используются родные скрипты для сворачивания пунктов.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

ZeeFear 08 сен 2018, 01:05 Сообщение

Поставил на свежий форум версии 3.2.2, все отлично работает кроме функции фиксации меню при прокрутке экрана. Делал все по инструкции на первых страницах. Пробовал везде менять .fixed-nab на .fix-nav.. так же ерунда. В чем может быть проблема?
  • 0

Похожие темы