В визуальном редакторе
|
---|
|
Просмотров: 10117 (Статистика ведётся с 06.02.2017)
Дата последнего изменения: 17.09.2015
Дата последнего изменения: 17.09.2015
Левое вертикальное меню у нас будет меняться в зависимости от открытого раздела. Но для упрощения перемещения между разделами заказчик пожелал сохранить возможность доступа к любому разделу с любой страницы сайта. С этой целью нужно иметь одно меню, где-нибудь в не очень мешающемся месте, в котором будут выводиться ссылки на все основные разделы сайта. Таким у нас будет нижнее горизонтальное меню.
<!-- #Begin_down_Menu --> <!-- #End_down_Menu -->
В визуальном редакторе
|
---|
|
down
. Этим мы назначили новый тип меню для этого компонента.Создайте нижнее меню. Оно должно повторять разделы левого.
После этого вы увидите на месте нижнего горизонтального меню то же самое системное меню по умолчанию. Нам надо его модифицировать. Но опять же, системный шаблон лучше не трогать.
<ul class="left-menu">
открывающий код таблицы:
<table width="1024" height="10" cellspacing="0" cellpadding="0" border="0" class="text">
</ul>
class="text"
на class="down-menu"
. (Пусть такое имя будет у стилей для нижнего меню).class="down-menu" в строку
<a href="<?=$arItem["LINK"]?>"><?=$arItem["TEXT"]?></a>после открывающего тега
<a>
/<a href="<?=$arItem["LINK"]?>" class="selected"><?=$arItem["TEXT"]?></a>
class="down-menu"
этой строки добавьте букву а для стиля активной ссылки.align="center"
на месте открывающего тега <li>
отдельного элемента списка. И задайте закрывающий тег ячейки на место закрывающего тега отдельного элемента списка.<img src="/bitrix/templates/test/images/punkt_top.gif"/>
) в код шаблона после тега <td align="center">
.Результат работы: