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

CabinetAdmin 10 сен 2015, 18:36 Сообщение

В примере как раз примерно такой код, ну, могу так:

<div class="menu-navbar" role="navigation">
	<div class="inner">

	<ul id="menubar" class="menubar menubar-black linklist" role="menubar">
	    <li><a class="menubar-portal" href="http://gaz-autoclub.ru/lifegaz">Lifegaz</a></li>
		<li><a href="#" role="menuitem">Статьи</a>
			<ul>
				<li><a href="#">Категория</a></li>
				<li><a href="#">Категория</a>
					<ul>
						<li><a href="#">Статья</a></li>
						<li><a href="#">Статья</a></li>
						<li><a href="#">Статья</a></li>
						<li><a href="#">Статья</a></li>
						<li><a href="#">Статья</a></li>
						<li><a href="#">Статья</a></li>
						<li><a href="#">Статья</a></li>
					</ul>
				</li>
				<li><a href="#">Категория</a></li>
				<li><a href="#">Категория</a></li>
				<li><a href="#">Категория</a></li>
				<li><a href="#">Категория</a></li>
				<li><a href="#">Категория</a></li>
			</ul>
		</li>
	</ul>

	</div>
</div>

eska 11 сен 2015, 11:01 Сообщение

CabinetAdmin, спасибо, буду пробовать

eska 19 окт 2015, 23:09 Сообщение

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

CabinetAdmin 20 окт 2015, 16:49 Сообщение

Можно добавить фикс для рекламы:

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

.menubar li ins {
	visibility: inherit !important;
}

eska 20 окт 2015, 17:10 Сообщение

CabinetAdmin, а куды?

CabinetAdmin 20 окт 2015, 17:59 Сообщение

Ну, логичнее конечно в css файл расширения:)

eska 20 окт 2015, 20:06 Сообщение

CabinetAdmin, спасибо, а за что отвечает эта команда? мне просто интересна, почему после адсенс меню стало так реагировать на мышку?

CabinetAdmin 20 окт 2015, 20:38 Сообщение

Стили у них такие...

angst 22 дек 2015, 15:09 Сообщение

По поводу ширины выпадающего списка меню. Я не понял, почему ширина фиксированная. Я сделал ширину avto

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

    .menubar ul a {
    	padding: 10px;
    	width: avto;
    	display: block;
    	white-space: nowrap;
    	float: none;
    	text-transform: none;

Ширина сама подстраивается под самую широкую надпись.

angst 22 дек 2015, 15:20 Сообщение

Отличное меню, если будет управление в админке, цены ему не будет. Думаю, управление можно сделать по подобию расширения FAQ Manager.

CabinetAdmin 22 дек 2015, 16:43 Сообщение

angst писал(а): Я сделал ширину avto

auto

angst 22 дек 2015, 16:59 Сообщение

Ну да, auto. Но вы не поверите, с avto тоже работает

southklad 03 янв 2016, 21:37 Сообщение

CabinetAdmin писал(а):
angst писал(а): Я сделал ширину avto
auto

Думаю все же нужно в экст добавить

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

auto

Меню класс, шикарное, но как сделать чтобы оно было по средине, а если широкий экран не было пустой области?

Ну и резонный вопрос, как расскрасить для стиля CA Vintage http://cabinetadmina.ru/viewtopic.php?f=144&t=4262

CabinetAdmin 03 янв 2016, 22:18 Сообщение

А раскрасить в какие цвета?

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

southklad 03 янв 2016, 22:27 Сообщение

CabinetAdmin писал(а): А раскрасить в какие цвета?

Ну чтобы были оптимыльны и хорошо смотрелись со стилем. А то у меня с цветами глубокие проблемы

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

CabinetAdmin

Похожие темы