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

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

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

dotez 30 мар 2017, 01:53 Сообщение

Отличное расширение, единственный косяк, который если может автор, лучше исправить конечно, это то что когда я выбрал собственный цвет оформления то пропали белые разделительные палочки между кнопками... то есть бар стал единой полоской. это не то чтобы ппц как критично но все же приятно когда они разделены)

dotez

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

dotez 30 мар 2017, 14:57 Сообщение

Здравствуйте, хорошее расширение единственный косяК, когдвы вибраешь собственный цвет офомрления то пропадают разделительные чертчоки между кнопок...

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

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

CabinetAdmin 30 мар 2017, 16:05 Сообщение

Ну, я бы не назвал это косяком, всё таки. Разделительные полоски можно прописать самостоятельно, пример как это сделано на одном из готовых оформлений:

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

.menubar-pro2 li { border-right: 1px solid #D3E0EB; }


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

dotez

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

dotez 30 мар 2017, 18:05 Сообщение

CabinetAdmin писал(а):Источник цитаты Ну, я бы не назвал это косяком, всё таки. Разделительные полоски можно прописать самостоятельно, пример как это сделано на одном из готовых оформлений:

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

.menubar-pro2 li { border-right: 1px solid #D3E0EB; }


Тут кому как, у каждого свои предпочтения и вид на то как должно выглядеть меню.


Это в админке в стиле надо вставлять?

у меня вот так сейчас-
.menubar-blue {
border-right: 1px solid #ffffff;
background-color: #cadbeb;
}
и разделитель так и не появился(

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

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

CabinetAdmin 30 мар 2017, 18:57 Сообщение

dotez писал(а):Источник цитаты у меня вот так сейчас

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

.menubar-blue li { border-right: 1px solid #ffffff; }
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

dotez

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

dotez 30 мар 2017, 19:13 Сообщение

CabinetAdmin писал(а):Источник цитаты
dotez писал(а):Источник цитаты у меня вот так сейчас

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

.menubar-blue li { border-right: 1px solid #ffffff; }

спасбио все заработало) это отдельно надо было прописать_)

rst

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

rst 26 авг 2017, 20:20 Сообщение

Отличное меню. Спасибо за реализацию.

Есть одна мелкая стилистическая неприятность. Возможно, можно придумать решение. Форум большой и тяжелый. При загрузке страницы меню сначала прогружается полностью (все пункты), и лишь после этого адаптируется и появлятяется гармошка. Меню длинное, поэтому такой эффект как на компах, так и на смартфонах. Вот это вот отображение, а потом скрывание визуально может длится секунд 5 пока не прогрузится контент. Это можно как-то изменить? Может ли влиять, что расширение установлено последним, а суммарно на форуме под сотню расширений, следовательно, оно грузится в конце.

Фиксированную ширину выставлять пробовал. В этом случае меню становится открытым. Да и вообще не вариант это.

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

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

CabinetAdmin 27 авг 2017, 12:53 Сообщение

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

rst

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

rst 28 авг 2017, 00:55 Сообщение

Да, осознал. У вас тут точно такая же ерунда. Как-то я сразу не сообразил, что у вас такое же меню )
Но на смартфонах это смотрится крайне неприлично. Штатное меню имеет мелкие иконки, его адаптация под размер экрана остается незаметной. А это меню у меня тоже крупным шрифтом и оно превращается в 3-4 строки, занимая весь экран смартфона и это на любой странице.

Может можно придумать какой-нить костыль?

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

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

CabinetAdmin 28 авг 2017, 17:50 Сообщение

Хм...
Можно попробовать такой вариант:

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

.nojs .menu-navbar { position: absolute; overflow: hidden; height: 0; }

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

rst

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

rst 28 авг 2017, 18:27 Сообщение

Эмм, не понял. В css файле не нашел ни nojs ни hasjs.

rst

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

rst 28 авг 2017, 18:36 Сообщение

Просто добавил ваш код к css файлу в конце. Так и надо было? Работает. :Bravo: :Bravo:

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

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

CabinetAdmin 28 авг 2017, 18:51 Сообщение

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

rst

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

rst 28 авг 2017, 18:53 Сообщение

Куда вам сбросить пива? Яндекс есть?

Ещё небольшой вопрос. У меня css слегка изменен, вот общий код панели:

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

.menu-navbar { margin: 10px auto; margin-top:20px; margin-bottom:0px; border: 2px solid #d3e0eb; border-radius: 8px; } .menubar, .menubar ul { margin: 0; padding: 10px; list-style: none; } .menubar { border-radius: 6px; }

В момент загрузки светится голубая полоска вместо меню, как я понимаю это 4 пикселя бордера. Можно тоже как-то скрыть?




Похожие темы

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

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

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