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

Изображение


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

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

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

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

CabinetAdmin 29 июн 2016, 17:34 Сообщение

ну это не сложно сделать
Хм, ну вот например такая идея, вместо простого пункта:

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

<li><a href="#link">Пункт 1</a>
	<ul>
		<li><a href="#link">Пункт 1.1</a></li>
	</ul>
</li>
сделать такой:

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

<li class="responsive-menu dropdown-container"><a href="#link" class="responsive-menu-link">Пункт 1</a>
	<ul class="dropdown hidden">
		<li><a href="#link">Пункт 1.1</a></li>
	</ul>
</li>
и добавить в стили:

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

#tabs .responsive-menu .dropdown {
	top: 38px;
	visibility: visible;
	opacity: 1;
	margin: 0;
}
Но это так, чтобы не городить лишних скриптов, а обойтись встроенными. Единственное не уверен что корректно будет отрабатываться всплывашка на маленьком экране :scratch:
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

KimIVИгорь 30 июн 2016, 09:01 Сообщение

CabinetAdmin, благодарю, но как-то косячно получается... Я для проверки подправил второй пункт.

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

<li class="responsive-menu dropdown-container"><a href="#" class="responsive-menu-link">Калькуляторы</a>
  <ul class="dropdown hidden">
    <li><a target="_blank" href="http://metallicheckiy-portal.ru/calculator/calculator_metalla">Металла</a></li>
    <li><a target="_blank" href="http://www.pferd.com/ru-ru/101_RUS_HTML.htm">Обороты, диаметр, скорость</a></li>
    <li><a target="_blank" href="http://www.rg-gidro.ru/calc/calc1/">Подбора гидроцилиндров</a></li>
    <li><a target="_blank" href="http://www.smartcalc.ru/">Теплотехнический</a></li>
    <li><a target="_blank" href="http://www.punchtool.ru/bendforce.htm">Усилия гибки</a></li>
  </ul>
</li>
Результат такой
Menubar - Горизонтальное адаптивное меню с выпадающим списком - Image 1.png
Кроме того, есть ещё такой неприятный момент. При клике появляется всплывашка, которая исчезает при отведении указателя. И потом всплывашка появляется как и прежде, при наведении.
  • 0
Ты должен делать добро из зла, потому что его больше не из чего делать. Уоренн Роберт Пенн.

CabinetAdmin 30 июн 2016, 15:05 Сообщение

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

KimIVИгорь 02 июл 2016, 21:58 Сообщение

CabinetAdmin писал(а): А стили то добавили?
Да, я действительно ошибся с их добавлением. Добавил не в конкретный стиль, а в All... Но после того, как перенёс в свой конкретный стиль, то всё заработало, но всё равно с глюками. В горизонтальном меню у меня 5 (пять) пунктов. Вот как выглядят всплывашки третьего, четвёртого и пятого. Третий нормально, а вот четвёртый и пятый почему-то вытягиваются по горизонтали.

ИзображениеИзображениеИзображение
  • 0
Ты должен делать добро из зла, потому что его больше не из чего делать. Уоренн Роберт Пенн.

CabinetAdmin 03 июл 2016, 09:43 Сообщение

Странный эффект... Запустил у себя на денвере - нормально всё :unknown

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

southklad 13 сен 2016, 17:45 Сообщение

Обновлений, доработок не планируется?
  • 0
Изображение

CabinetAdmin 13 сен 2016, 19:43 Сообщение

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

southklad 13 сен 2016, 20:06 Сообщение

Не знаю. Для совершенства нет предела :drink:
  • 0
Изображение

vibondarenko 06 ноя 2016, 18:41 Сообщение

А как можно сделать меню так, чтобы можно было переключаться между языками? У меня форум двуязычный: украинский и русский. Часть пользователей захотят украинский интерфейс, а часть русский.
  • 0

CabinetAdmin 06 ноя 2016, 20:24 Сообщение

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

romaamor 11 янв 2017, 18:49 Сообщение

CabinetAdmin, можешь переделать это расширение под 3.2 ? А то на 3.2 выглядит как то косо. Проблемы с CSS.
  • 0

CabinetAdmin 11 янв 2017, 19:37 Сообщение

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

romaamor 11 янв 2017, 20:14 Сообщение

Вот смотри как оно выглядит -
Изображение

и когда прилипает к верху:-
Изображение
  • 0

romaamor 13 янв 2017, 15:27 Сообщение

Как бы не навязчиво напоминаю... :)
  • 0

CabinetAdmin 13 янв 2017, 18:22 Сообщение

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

Похожие темы