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

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

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

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

CabinetAdmin 24 мар 2018, 08:54 Сообщение

Задать класс menubar-pro.
В поле для стилей добавить:

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

.menu-navbar { max-width: 1152px; padding: 0 14px; } .menu-navbar #tabs { border: 1px solid #EAEAEA; } .menu-navbar .menubar-pro { background-color: #ffffff; border-radius: 2px; } .menu-navbar .menubar-pro li > ul { background-color: #ffffff; border: 1px solid #b9b9b9; border-top: 3px solid #5780AB; border-radius: 0; } .menu-navbar .menubar-pro ul li:first-child > a:after { border-bottom: 6px solid #5780ab; } .menu-navbar .menubar-pro ul li:first-child a:hover:after { border-bottom-color: #5780ab; } .menu-navbar .menubar-pro ul a:hover { background-color: #f5f5f5; } .menu-navbar .menubar-pro .dropdown .dropdown-contents { background-color: #ffffff; border-color: #f1f1f1; } @media only screen and (max-width: 700px), only screen and (max-device-width: 700px) { .menu-navbar #tabs .menubar { margin-left: -15px !important; margin-right: -15px !important; } }
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

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

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

eska 24 мар 2018, 10:07 Сообщение

Как увеличить строки меню, а то всё мимо кассы.
Изображение

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

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

eska 24 мар 2018, 10:55 Сообщение

eska писал(а):Источник цитаты Как увеличить строки меню, а то всё мимо кассы.

правильно ли я сделал

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

.menubar ul a { padding: 10px; width: 130px; - изменил на 100% display: block; white-space: nowrap; float: none; text-transform: none;

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

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

eska 24 мар 2018, 11:03 Сообщение

Но почему-то появился косяк, с телефона теперь страница не влезает целиком, то есть двигается влево, вправо((

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

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

CabinetAdmin 24 мар 2018, 18:17 Сообщение

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

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

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

eska 24 мар 2018, 18:59 Сообщение

CabinetAdmin, это пипец как не удобно((( удалять что ли...

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

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

eska 20 июл 2018, 08:08 Сообщение

CabinetAdmin, вы ка то писали как можно сделать первую кнопку в красном цвете (фон
всю тему перелопатил, но найти не смог(

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

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

CabinetAdmin 20 июл 2018, 16:51 Сообщение

Было дело. Добавить новый класс:

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

<li class="first_item"><a href="#">Пункт 1</a> <ul> <li><a href="#">Пункт 1.1</a></li> ... </ul> </li>

в menubar.css:

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

.menubar li.first_item > a { background: #e60000; color: #fff; }
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект


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

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

CabinetAdmin 22 июл 2018, 14:34 Сообщение

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

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

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

eska 25 июл 2018, 20:31 Сообщение

CabinetAdmin писал(а):Источник цитаты .menubar li.first_item > a {
background: #e60000;
color: #fff;
}

CabinetAdmin, спасибо

aleksndr

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

aleksndr 08 авг 2018, 18:16 Сообщение

У меня где свернутые категории [три полоски] ни чего не открывается

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

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

CabinetAdmin 09 авг 2018, 17:16 Сообщение

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

ZeeFear

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

ZeeFear 08 сен 2018, 01:05 Сообщение

Поставил на свежий форум версии 3.2.2, все отлично работает кроме функции фиксации меню при прокрутке экрана. Делал все по инструкции на первых страницах. Пробовал везде менять .fixed-nab на .fix-nav.. так же ерунда. В чем может быть проблема?



Похожие темы

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

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

Сейчас этот форум просматривают: Яндекс и 2 гостя