Название расширения: Menubar
Требования: phpBB 3.1.4 и выше, phpBB 3.2.0
Описание расширения: Добавляет на форум пользовательское горизонтальное адаптивное меню с выпадающим списком. Меню располагается ниже или выше существующей навигации. При уменьшении размера экрана меню сворачивается, так же как и существующие группы ссылок на форумах phpBB 3.1.x (в верхней части форума "Ссылки" или внизу, там где часовой пояс). Сворачивание происходит по одному пункту, по мере уменьшения ширины экрана.
Скачать:
Версия: 1.1.0
На данный момент есть три стиля навигации
Настройка меню описана в настройках расширения.
На данный момент доступны стили:
Последние изменения.
С версии 1.1.0 изменён принцип отображения всплывающего меню в свёрнутом состоянии. Теперь пункты отображаются сразу же под своим "родителем", но с небольшим отступом слева.
Последний этап эволюции расширения доступен для 3.3 версии здесь - viewtopic.php?f=157&t=5035
Меню с созданием пунктов без применения html кода, созданием путём добавления каждого пункта так же как при создании форумов.
Требования: phpBB 3.1.4 и выше, phpBB 3.2.0
Описание расширения: Добавляет на форум пользовательское горизонтальное адаптивное меню с выпадающим списком. Меню располагается ниже или выше существующей навигации. При уменьшении размера экрана меню сворачивается, так же как и существующие группы ссылок на форумах phpBB 3.1.x (в верхней части форума "Ссылки" или внизу, там где часовой пояс). Сворачивание происходит по одному пункту, по мере уменьшения ширины экрана.
Скачать:
Версия: 1.1.0
На данный момент есть три стиля навигации
+Смотреть скриншоты:
На данный момент доступны стили:
menubar-pro
, menubar-pro2
и menubar-black
.Последние изменения.
С версии 1.1.0 изменён принцип отображения всплывающего меню в свёрнутом состоянии. Теперь пункты отображаются сразу же под своим "родителем", но с небольшим отступом слева.
+История расширения
Версия: 1.0.0
Управление из адм. раздела.Последний этап эволюции расширения доступен для 3.3 версии здесь - viewtopic.php?f=157&t=5035
Меню с созданием пунктов без применения html кода, созданием путём добавления каждого пункта так же как при создании форумов.
Комментарии: 310
Задать класс
В поле для стилей добавить:
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;
}
}
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
правильно ли я сделал
Код: Выделить всё
.menubar ul a {
padding: 10px;
width: 130px; - изменил на 100%
display: block;
white-space: nowrap;
float: none;
text-transform: none;
Это из-за всплывашки. При уменьшении экрана пункты, вместе с подменю, прячутся под кнопку, но так как кнопка в самом начале, то она, соответственно, не сворачивается и ширина всплывашки выходит за границу экрана.
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
Было дело. Добавить новый класс:
в
Код: Выделить всё
<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;
}
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
- ZeeFear
- Сообщения: 1
- Зарегистрирован: 08 сен 2018, 01:00
- Пол: Муж
Поставил на свежий форум версии 3.2.2, все отлично работает кроме функции фиксации меню при прокрутке экрана. Делал все по инструкции на первых страницах. Пробовал везде менять .fixed-nab на .fix-nav.. так же ерунда. В чем может быть проблема?
Похожие темы
-
Расширение позволяющее добавить на форум свой стиль, скрипт или блок с произвольным содержимым. В расширении можно задать шапку форума, ico иконку...