Профиль и настройки
Заказы Лицензии Техническая поддержка Выйти
Регистрация
Восстановление пароля
Вход
← на Главную /  Разработчикам /  Форум /  Разработка сайта

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

30.03.2014, 01:24
netcatsite


Зарегистрирован:
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
Сообщений: 1037

 		$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>";

Модуль "Почтовые уведомления" – настройка email уведомлений на вашем сайте без программирования. Бесплатно. http://netcat.ru/products/CatStore/solution_242.html
198 196 2014-03-30 01:48:45 13576
Описание проекта
Сохранить и свернуть