Название расширения: 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 17 янв 2017, 15:51 Сообщение

По своей сути это расширение, а точнее то как оно выгладит, это набор html + css. Правда я не в курсе как выглядит код на юкозе, но в теории можно выдернуть html код, который находится в файле menubar.html, удалить все переменные от phpbb, заполнить вручную все пункты, ну ещё скопировать стили и добавить на ваш сайт. Будет работать всплывание пунктов меню, но сворачивания при уменьшении экрана не будет.

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

romaamor 17 янв 2017, 20:44 Сообщение

Archi писал(а): а можно вашу версию всплывающего меню приделать к обычным страницам сайта?
Можно. И где то на этом сайте под Вашу версию есть решение. CabinetAdmin, в курсе где.
  • 0

Archi 17 янв 2017, 22:45 Сообщение

Большое спасибо, уже ушел пробовать. А есть какой-то способ тестировать как будет выглядеть сайт не на сервере? А то вдруг в этот момент туда кто-то зайдёт, а там пол-шапки)

Я уже нашел один из видов горизонтального меню, попробовал - получилось. Но все время тыкать "Сохранить" и потом "Обновить" в онлайн режиме - чревато ударами по шапке от руководства :) С учётом того, что я учитель математики и имею ооооочень слабые навыке в HTML - это для меня подвиг :)
  • 0

CabinetAdmin 18 янв 2017, 16:40 Сообщение

Archi писал(а): А есть какой-то способ тестировать как будет выглядеть сайт не на сервере?
Вот как на счёт юкоза не скажу, а вот если сайт на одном из свободно распространяемых движков, то поможет open server, ну или денвер. Это сервер с сайтом на обычном компьютере, как правило вот для таких тестов. Но правда если у вас вообще нет никаких познаний в этом деле, то тут уже сложнее... Тут наверно будет проще завести себе тестовый сайт, на том же юкозе, и сначала опробовать всё на нём и уже потом, когда всё настроено, копировать на основной сайт.
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

JimИван 05 мар 2017, 13:09 Сообщение

Под винтаж стиль сие мона осилить?
  • 0
Till I die

southklad 05 мар 2017, 19:51 Сообщение

Jim писал(а): Под винтаж стиль сие мона осилить?
А тему не пробовали изучить?
  • 1
Изображение

CabinetAdmin 05 мар 2017, 20:36 Сообщение

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

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

В файле overall_header_page_body_before.html заменить menubar-pro2 на menubar-vintage.[/quote]


Но там такого нет, увы:
Только:

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

<!-- IF S_MENUBAR_POSITION == 0 --><!-- INCLUDE menubar.html --><!-- ENDIF -->
У меня навбар синий, хоть убей, переключения стилей нет не в настройках...ни вживую на форуме.....хотя маркер переключаемые стили в настройках стоит на ON
В ксс правки делал, добавил все в конец, эффекта ноль.... :(
  • 0
Till I die

CabinetAdmin 08 мар 2017, 08:23 Сообщение

Та цитата относится к более старой версии. В последней класс надо вписывать в поле "Задать собственный класс", а сами стили в "Стили", после включить.
Это всё описано и напротив этих полей, и в самом низу в пояснении к расширению.

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

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

Короче говоря ручками задавать
  • 0
Till I die

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

Супер! можете посмотреть у меня, если не сложно)) http://orderandchaos2.ru/
  • 0
Till I die

romaamor 13 мар 2017, 21:14 Сообщение

CabinetAdmin, А как можно добавить небольшое изображение в начало этого меню ? Типа как на 4PDA -
Изображение
  • 0

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

Наверное ссылку на картинку в блок поставить? Не?
  • 0
Till I die

romaamor 14 мар 2017, 15:34 Сообщение

Jim писал(а): Наверное ссылку на картинку в блок поставить? Не?
Наврят ли. Надо CSS править.
  • 0

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

Можно, например так:

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

<li class="menubar-image" data-skip-responsive="true"><a href="#"><img src="image.jpg" alt="image" /></a></li>
И стили:

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

.menubar-image a {
	padding: 0 25px;
}

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

Похожие темы