Если поставить версию 1.0.0., то там всё управление из админки, там всё сразу понятно.Чтобы изменить стиль меню нужно изменить в блоке:
Название расширения: 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
Какую версию ставили? Я так понял 0.0.2, значит по инструкции из первого сообщения начиная с:
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
Код: Выделить всё
.menubar-black ul a:hover {
background-color: #0186ba;
background-image: -moz-linear-gradient(#acca24, #6f8314);
background-image: -webkit-linear-gradient(#acca24, #6f8314);
background-image: linear-gradient(#acca24, #6f8314);
}
Код: Выделить всё
/* Responsive menu - menubar-black */
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
Треугольники.
Тот который чёрный (#444) первый код:
тот который зелёный (#3b3b3b) второй.
И следующие два кода это цвета при наведении:
Тот который чёрный (#444) первый код:
Код: Выделить всё
.menubar ul li:first-child > a:after {
content: '';
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #444;
left: 15px;
position: absolute;
top: -6px;
}
.menubar ul ul li:first-child a:after {
border-color: transparent #3b3b3b transparent transparent;
border-style: solid;
border-width: 6px 6px 6px 0;
left: -6px;
margin-top: -6px;
top: 50%;
}
И следующие два кода это цвета при наведении:
Код: Выделить всё
.menubar ul li:first-child a:hover:after {
border-bottom-color: #acca24;
}
.menubar ul ul li:first-child a:hover:after {
border-right-color: #acca24;
border-bottom-color: transparent;
}
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
Ой, забыл:)
Код: Выделить всё
.menubar ul li > ul {
top: 0;
left: 150px;
margin: 0 0 0 20px;
box-shadow: -1px 0 0 rgba(255,255,255,.3);
left: 150px;
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
Похоже на то, что сервис не поддерживает градиенты. Задайте цвет для браузеров/сервисов которые не поддерживают css3 вот здесь:
У вас, кстати, и для мазилы чёрный цвет -
Код: Выделить всё
.menubar-black {
background-color: #111;
background-image: -moz-linear-gradient(#444, #111);
background-image: -webkit-linear-gradient(#f5d68d, #dabd72);
background-image: linear-gradient(#f5d68d, #dabd72);
box-shadow: 0 1px 1px #666, 0 1px 0 #666 inset;
}
background-color: #111;
.У вас, кстати, и для мазилы чёрный цвет -
-moz-linear-gradient(#444, #111)
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
Добрый день, не хочу удалять и заново перезаливать, что нужно добавить, что бы:
к версии 0.0.1При уменьшении размера экрана меню сворачивается, так же как и существующие группы ссылок на форумах phpBB 3.1.x (в верхней части форума "Ссылки" или внизу, там где часовой пояс). Сворачивание происходит по одному пункту, по мере уменьшения ширины экрана.
На сколько я помню там сама структура начинается так:
Надо заменить её на:
Плюс стили немного отличаются, надо из новой версии стили скопировать.
Код: Выделить всё
<div class="menu-navbar" role="navigation">
<div class="inner">
<ul id="menubar" class="menubar menubar-pro2 linklist" role="menubar">
Код: Выделить всё
<div id="menubar" class="menu-navbar" role="navigation">
<div id="tabs" class="inner">
<ul class="menubar menubar-pro2" role="menubar">
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
CabinetAdmin, скажите пожалуйста, что можно подправить в коде или в стилях, чтобы уровни раскрывались при клике (тапе), а не при наведении?
ЗЫ. У меня есть ряд пользователей, хаотично пользующихся мышкой , и их эти всплывашки жутко раздражают. Хотелось бы им угодить
ЗЫ. У меня есть ряд пользователей, хаотично пользующихся мышкой , и их эти всплывашки жутко раздражают. Хотелось бы им угодить
Ты должен делать добро из зла, потому что его больше не из чего делать. Уоренн Роберт Пенн.
eska, а чего сложного то?... Сделать замену, как я описал выше, открыть стили из новой версии и скопировать содержимое до:
потом вставить в свой стилевой файл (menubar.css) до этого же места.
Вместо
KimIV, ну это не сложно сделать, надо посмотреть:)
Код: Выделить всё
/* Colours style
---------------------------------------- */
Вместо
menubar-pro2
указать ваш класс - menubar-gaz
.KimIV, ну это не сложно сделать, надо посмотреть:)
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!
Похожие темы
-
Расширение позволяющее добавить на форум свой стиль, скрипт или блок с произвольным содержимым. В расширении можно задать шапку форума, ico иконку...