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

Скрипты и расширения для phpBB 3.1.x
Собственные расширения, допиливание уже существующих.
Свои виды перевода, свои виды стиля расширений под свои нужды.
Аватара пользователя
CabinetAdmin

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

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:
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
KimIV

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

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


Кроме того, есть ещё такой неприятный момент. При клике появляется всплывашка, которая исчезает при отведении указателя. И потом всплывашка появляется как и прежде, при наведении.
Ты должен делать добро из зла, потому что его больше не из чего делать. Уоренн Роберт Пенн.

Аватара пользователя
CabinetAdmin

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

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

KimIV писал(а):Источник цитаты При клике появляется всплывашка, которая исчезает при отведении указателя.

А стили то добавили? Они как раз и убирают этот эффект и опускают всплывашку чуть ниже.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
KimIV

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

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

CabinetAdmin писал(а):Источник цитаты А стили то добавили?

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

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

Аватара пользователя
CabinetAdmin

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

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

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

Не понятный эффект, как будто не правильно задаётся отступ слева margin-right или где-то перебивается приоритетом !important...
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

igorbond

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

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

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

Аватара пользователя
CabinetAdmin

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

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

Вроде каких?
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

igorbond

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

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

Не знаю. Для совершенства нет предела :drink:

vibondarenko

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

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

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

Аватара пользователя
CabinetAdmin

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

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

В данный момент в этом расширении нет такой возможности.
Единственный вариант который я вижу: допилить расширение, чтобы в нём можно было использовать языковые переменные из языковых файлов и добавлять вместо просто названий пунктов эти переменные.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
romaamor

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

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

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

Аватара пользователя
CabinetAdmin

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

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

Завтра постараюсь сделать.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
romaamor

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

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

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

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

Аватара пользователя
romaamor

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

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

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

Аватара пользователя
CabinetAdmin

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

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

Расширение обновил.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект



Похожие темы

Вернуться в «Расширения для phpBB 3.1.x»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 5 гостей