1С-Битрикс Разработчикам - Использование Меню на основе grey-tabs.

Заглянувший

Сообщений: 10 Регистрация: 08.04.2010

06.12.2010 12:47:01

Использование Меню на основе grey-tabs. При переходе на страницу по ссылке, можно ли сделать, чтобы активный пункт меню имел другой цвет (как папки на странице http://dev.1c-bitrix.ru/learning/index.php?login=yes&COURSE_ID=7#tab-online-link) (в таблице стилей описаны только обычная ссылка и hover) ? В руководстве по использованию компонентов меню нет указаний по этому вопросу.

Евгений Жуков

Администратор

Сообщений: 9534 Баллов: 1849 Регистрация: 05.08.2005

Epic fail - сказать "это так просто" и не суметь сделать

06.12.2010 13:33:11

Кастомизируйте шаблон компонента. Создаете стиль для активного пункта меню, присваиваете в зависимости от $arItem['SELECTED'] - признака активного пункта.

Не надо сверлить зубы через задний проход дрелью от Сваровски

Пользователь 61490

Заглянувший

Сообщений: 10 Регистрация: 08.04.2010

06.12.2010 13:50:43

Все на что хватило

Цитата

div.grey-tabs-menu
{
float:left;
width:100%;
background:#fff;
font-size:93%;
line-height:normal;
}

div.grey-tabs-menu ul
{
margin:0;
padding:10px 10px 0 0px;
list-style:none;
}

div.grey-tabs-menu li
{
display:inline;
margin:0;
padding:0;
}

div.grey-tabs-menu a
{
float:left;
background:url("images/tableft.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
margin-top:0.2em;
}

div.grey-tabs-menu a nobr
{
float:left;
display:block;
background:url("images/tabright.gif") no-repeat right top;
padding:5px 15px 4px 6px;
white-space:nowrap;
color:#717070;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
div.grey-tabs-menu a nobr {float:none;}
/* End IE5-Mac hack */

div.grey-tabs-menu a:hover nobr
{
color:#000;
}

div.grey-tabs-menu a:hover
{
background-position:0% -42px;
}

div.grey-tabs-menu a:hover nobr
{
background-position:100% -42px;
}

div.grey-tabs-menu a:active nobr
{
color:#000;
}

div.grey-tabs-menu a:active
{
background-position:0% -84px;
}

div.grey-tabs-menu a:active nobr
{
background-position:100% -84px;
}

div.menu-clear-left
{
clear:left;
}

- добавить стиль активному пункту.

А selected здесь не помогает.

Понимаю, что в самом шаблоне нужно это описать (но с php плохо дружу)

Цитата
<?if (!defined("B_PROLOG_INCLUDED") \|\| B_PROLOG_INCLUDED!==true)die();?><?if (!empty($arResult)):?> <div class="grey-tabs-menu"> <?foreach($arResult as $arItem):?> <?if ($arItem["PERMISSION"] > "D"):?> < li>[url=<?=$arItem[]"><nobr><?=$arItem["TEXT"]?></nobr>[/url]</li> <?endif?> <?endforeach?> </div> <div class="menu-clear-left"></div> <?endif?>

Евгений Жуков

Администратор

Сообщений: 9534 Баллов: 1849 Регистрация: 05.08.2005

Epic fail - сказать "это так просто" и не суметь сделать

06.12.2010 14:53:42

Цитата
Светлана Танонова пишет: [*][url=<?=$arItem[]"><nobr><?=$arItem["TEXT"]?></nobr>[/url]

меняете эту строчку на что-то такое:

Код

<?
if ($arItem['SELECTED'])
{ ?><li><a class="active" href="<?=$arItem["LINK"]?>"><nobr><?=$arItem["TEXT"]?></nobr></a></li><?
else
{ ?><li><a href="<?=$arItem["LINK"]?>"><nobr><?=$arItem["TEXT"]?></nobr></a></li><? }

Не надо сверлить зубы через задний проход дрелью от Сваровски

Пользователь 61490 Заглянувший Сообщений: 10 Регистрация: 08.04.2010	#5 06.12.2010 17:07:36 Спасибо!

Использование Меню на основе grey-tabs.

Продукты

Управление сайтом

Битрикс24

Интернет-магазин + CRM

Решения

Для интернет-магазинов

Каталог готовых решений

Внедрение

Выбрать партнера

Проверить партнера

Стать партнером