Название расширения: 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

romaamor 14 мар 2017, 16:29 Сообщение

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

<li class="menubar-image" data-skip-responsive="true"><a href="#"><img src="image.jpg" alt="image" /></a></li>
А это куда ставить ? В настройки расширения ?
  • 0

CabinetAdmin 14 мар 2017, 16:37 Сообщение

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

romaamor 14 мар 2017, 16:41 Сообщение

CabinetAdmin писал(а): Если у тебя последняя версия, то в настройках в поле с html структурой.
Установил. Но картинка идёт второй.
Изображение
Хотелось бы первой. И плюс все другие категории сварачиваются
  • 1

romaamor 14 мар 2017, 17:03 Сообщение

romaamor писал(а): Установил. Но картинка идёт второй.
Это исправил.
romaamor писал(а): все другие категории сварачиваются
Это не могу.
  • 0

JimИван 14 мар 2017, 18:26 Сообщение

romaamor, в пк версии?
  • 0
Till I die

romaamor 14 мар 2017, 18:28 Сообщение

Jim писал(а): romaamor, в пк версии?
Да.
  • 0

JimИван 14 мар 2017, 18:33 Сообщение

romaamor, может тут по типу моей бурды как http://cabinetadmina.ru/viewtopic.php?f=148&t=4631
  • 0
Till I die

CabinetAdmin 14 мар 2017, 18:44 Сообщение

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

romaamor 14 мар 2017, 18:48 Сообщение

CabinetAdmin писал(а): romaamor, попробуй высоту уменьшить, до 34 - 36 пикселей.
Не помогло.
  • 0

CabinetAdmin 14 мар 2017, 18:53 Сообщение

А если заодно удалить height: 50px; отсюда:

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

.menubar {
	border-radius: 6px;
	height: 50px;
}
?
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

romaamor 14 мар 2017, 18:59 Сообщение

CabinetAdmin писал(а): А если заодно удалить height: 50px; отсюда:
Так работает. Что, не как меню шире не сделать ? Узкое.
  • 0

CabinetAdmin 14 мар 2017, 19:20 Сообщение

Ну, меню шире надо делать не так, вот здесь:

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

.menubar a {
	font: bold 11px Arial, Helvetica;
	float: left;
	padding: 12px 10px;
	text-decoration: none;
	text-transform: uppercase;
}
надо править 12px, это вертикальные отступы.
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

JimИван 26 мар 2017, 12:08 Сообщение

Гармошка у навбар тоже сместилась;(
  • 0
Вложения
Menubar - Горизонтальное адаптивное меню с выпадающим списком - IMG_0501.JPG
Till I die

CabinetAdmin 26 мар 2017, 17:45 Сообщение

Чего-то вы там со стилями намудрили... В файле cp.css:

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

#tabs .tab > a, #minitabs .tab > a {
	display: block;
	padding: 5px 9px;
	position: !important;
    text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
}
и

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

.responsive-tab > a.responsive-tab-link {
	display: block;
	font-size: 16px;
	position: !important;
	width: 1.6em;
	line-height: 0.9em;
	text-decoration: none;
}
Вместо position: !important; должно быть position: relative;.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

JimИван 27 мар 2017, 01:51 Сообщение

CabinetAdmin, исправил...а в личном разделе та гармошка кривая так и осталась
  • 0
Till I die

Похожие темы