Регистрация
Вход через соцсети
Восстановление пароля

Помогите разобраться с правильным выводом мега-меню..

Новый топик
30.03.2014, 01:24
Ответить | Цитировать
netcatsite
студия Saitinet

Зарегистрирован:
2014-02-27
Сообщений: 1

Здравствуйте, скажу сразу в работе с неткет - я новичок.
Проблема следующая:
Есть мега-меню, не могу добиться правильного вывода, версия неткет 5.3.
У мега-меню 6 пунктов, каждый пункт имеет свою фоновую картинку (вынесено в отдельный цсс), также каждый пункт имеет(будет иметь) свои(й) подпункты...
Сделал так:
Это я вставил в месте вывода навигации:
Код:

$d_menu['prefix'] = "<div id='d_menu' class='default'><ul id='d_menu' class='default'><li>";
$d_menu['suffix'] = "</li></ul></div>";
$d_menu['active'] = "<li><a href='#' class='punkt_1'>%NAME</a></li>";
$d_menu['unactive'] = "<li><a href='%URL'>%NAME</a></li>";


в шаблоне выводил так:
Код:

<?=s_browse_sub(0, $d_menu)?>


..и так:
Код:

<?=nc_browse_level(0, $d_menu)?>


Траблы: кнопка "Главной" страницы отображается корректно, и, имеет свой рисунок (бэграунд), а вот при создании раздела, следующий пункт меню появляется без ЗАДУМАННОЙ фоновой картинки (бэкграунда).
Подскажите пожалуйста правильное решение... вот полный код моего меню (каждый пункт и подпункт имеет индивидуальные фоновые картинки и настройки - они вынесены в отдельный цсс..):
Код:
<div id="menu" class="default">

<ul id="d_menu" class="default">

<!-- Начало пунтка 1-->
<li><a href="#" class="punkt_1">Главная <br>о студии "Saitinet"</a>

<div class="podpunkt_1"><!-- Начало контейнера на 4 колонки -->

<div class="pod_1-1">

<p>ИНФОРМАЦИЯ:<br>Прочтите!</p>
<ul>
<li><a href="#">Как мы работаем</a></li>
<li><a href="#">Что мы умеем...</a></li>
<li><a href="#">Экскаватор 3</a></li>
<li><a href="#">Экскаватор 4</a></li>
<li><a href="#">Экскаватор 5</a></li>
</ul>

</div>

<!-- <div class="pod_1-2">

<p>Краны:</p>
<ul>
<li><a href="#">Экскаватор 5</a></li>
<li><a href="#">Экскаватор 5</a></li>
<li><a href="#">Экскаватор 5</a></li>
<li><a href="#">Экскаватор 5</a></li>
<li><a href="#">Экскаватор 5</a></li>
</ul>

</div> -->

<div class="pod_1-3">

<p>Бульдозеры:</p>
<ul>
<li><a href="#">Бульдозер 1 (250р/ч.)</a></li>
<li><a href="#">Бульдозер 2 (350р/ч.)</a></li>
<li><a href="#">Бульдозер 3 (500р/ч.)</a></li>
<li><a href="#">Бульдозер 4 (650р/ч.)</a></li>
<li><a href="#">Бульдозер 5 (800р/ч.)</a></li>
</ul>

</div>

</div><!--<!-- Конец контейнера колонок -->

</li><!-- Конец пункта 1 -->

<li><a href="index1.html" class="punkt_2">Разработка <br>сайтов</a><!-- Начало пунтка 2 -->

<div class="podpunkt_2"><!-- Начало контейнера на 4 колонки -->

<div class="pod_2">

<p>ТАРИФЫ:</p>
<ul>
<li><a href="#">Базовые тарифы</a></li>
<li><a href="#">Эконом тарифы</a></li>
<li><a href="#">Тариф "Индивидуальный"</a></li>
<li><a href="#">ViP Клиентам</a></li>
<li><a href="#">Калькулятор тарифа</a></li>
</ul>

</div>

</div><!-- Конец контейнера на 4 колонки -->

</li><!-- Конец пункта на 2 -->

<li><a href="#" class="punkt_3">Продвижение сайтов</a><!-- Начало пунтка 3 -->

<div class="podpunkt_3"><!-- Начало контейнера на 4 колонки -->

<div class="pod_3">

<p>НАШИ ТАРИФЫ</p>
<ul>
<li><a href="#">Тариф "Приоритет"</a></li>
<li><a href="#">Тариф "Реклама"</a></li>
<li><a href="#">Тариф "Аудит"</a></li>
<li><a href="#">Тариф "Аудит-NEO"</a></li>
<li><a href="#">Тариф "Аудит-ViP"</a></li>
</ul>

</div>

<div class="pod_3">

<p>ЯНДЕКС & Google</p>
<ul>
<li><a href="#">Яндекс в топ-10</a></li>
<li><a href="#">Google в топ-10</a></li>
<li><a href="#">Реклама в Яндексе</a></li>
<li><a href="#">Реклама в Google</a></li>
</ul>

</div>

<div class="pod_3">

<p>Социальные Сети</p>
<ul>
<li><a href="#">Продвижение в vk</a></li>
<li><a href="#">Реклама в vk.com</a></li>
<li><a href="#">Twitter в топ</a></li>
<li><a href="#">Одноклассники</a></li>
<li><a href="#">Фейсбук в топ</a></li>
</ul>

</div>

<div class="pod_3">

<p>SEO УСЛУГИ</p>
<ul>
<li><a href="#">Это БЕСПЛАТНО!</a></li>
<li><a href="#">Анализ сайта</a></li>
<li><a href="#">Анализ бизнеса</a></li>
<li><a href="#">Ошибки на сайте..</a></li>
<li><a href="#">Полный SEO Анализ</a></li>
</ul>

</div>

</div><!-- Конец контейнера на 4 колонки -->

</li><!-- Конец пункта на 3 -->

<!-- Начало пунтка 4 -->
<li>
<a href="#" class="punkt_4">Все услуги</a>
<div class="podpunkt_4">

<div class="pod_4">
<p>Ваш регион:</p>
</div>

<div class="pod_4">

<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>
</ul>

</div>

</div>
</li>
<!-- Конец пункта на 4 -->

<!-- Начало пунтка 5 -->
<li><a href="#" class="punkt_5">Заказать сайт</a>

<div class="podpunkt_5"><!-- Начало контейнера на 6 колонки -->

<div class="pod_5">

<p>Наши Контакты:</p>
<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>
</ul>

</div>

<div class="pod_5">

<p>Информация:</p>
<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>
</ul>

</div>

</div><!-- Конец контейнера на 4 колонки -->

</li>
<!-- Конец пункта на 5 -->

<!-- Начало пунтка 6 -->
<li><a href="#" class="punkt_6">Хостинг <br>и <br>Домен</a>

<!-- Начало пунтка 4 колонки -->
<div class="podpunkt_6">

<div class="pod_6">
<p>Ваш регион:</p>
</div>

<div class="pod_6">

<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>
</ul>

</div>

</div><!-- Конец контейнера колонки -->

</li><!-- Конец пункта 6 -->

</ul>
</div>
30.03.2014, 01:48
Ответить | Цитировать
Nexwich
Панасин Александр
Nexwich

Зарегистрирован:
2011-04-05
Сообщений: 943

$d_menu['prefix'] = "<div id='d_menu' class='default'><ul id='d_menu' class='default'><li>";
$d_menu['suffix'] = "</li></ul></div>";
$d_menu['active'] = "<li><a href='#' class='punkt_1'>%NAME</a></li>";
$d_menu['unactive'] = "<li><a href='%URL'>%NAME</a></li>";


Удалите явно лишние теги и вставьте ключи ($d_menu[0]) для создания вложенной навигации
Используйте nc_...

В не активной ссылки укажите требуемый класс.
У вас когда вы на главной то пункт главная активен и если присмотреться только у активного пункта есть класс а у остальных его нет.

Счетчик классов видите от 0 (%COUNTER будет проставлять от 0 и выше). А вообще либо переверстывайте либо используйте дополнительное системное поле раздела для явного указания классов (%название_поля из таблицы системные настройки - разделы).
Для вложенной навигации используйте %NEXT_LEVEL.

Итог
$d_menu[0]['prefix'] = "<div id='d_menu' class='default'><ul id='d_menu' class='default'>";
$d_menu[0]['suffix'] = "</ul></div>";
$d_menu[0]['active'] = "<li><a href='#link' class='punkt_1'>%NAME</a>%NEXT_LEVEL</li>";
$d_menu[0]['unactive'] = "<li><a class='punkt_1' href='%URL'>%NAME</a>%NEXT_LEVEL</li>";

$d_menu[1]['prefix'] = "<div class='podpunkt_1'>";
$d_menu[1]['suffix'] = "</div>";
$d_menu[1]['active'] = "<div class='pod_1-1'><p>%NAME</p>%NEXT_LEVEL</div>";
$d_menu[1]['unactive'] = "<div class='pod_1-1'><p>%NAME</p>%NEXT_LEVEL</div>";

$d_menu[2]['prefix'] = "<ul>";
$d_menu[2]['suffix'] = "</ul>";
$d_menu[2]['active'] = "<li><a href='%URL'>%NAME</a></li>";
$d_menu[2]['unactive'] = "<li><a href='%URL'>%NAME</a></li>";


Модуль "Почтовые уведомления" – настройка уведомлений на вашем сайте без программирования. Цена отзыв. Мне очень важно ваше мнение.
198 196 2014-03-30 01:48:45 13576
Описание проекта