Question

Доброго времени суток, у меня такой вопрос: Что нужно сделать, чтобы основные ссылки в левом меню, всегда выделялись, допустим красным цветом, а подменю было, допустим синим?

Answer 1

Изменить стили шаблона меню так. как Вам надо.

Answer 2

Это я знаю, но вот в программировании не слишком силен, может подскажете, что нужно вписать или отредактировать?

В стилях шаблона левого меню вот что:

Код

div.menu-sitemap-tree {    font-size:100%; } div.menu-sitemap-tree ul {    list-style-type: none;    margin: 0;    padding: 0 1em 0 0; } div.menu-sitemap-tree ul ul {    width: auto;    margin:-0.75em 0 0 0;    padding: 0 0 0 0.75em; } div.menu-sitemap-tree li {    margin: 0 0 -0.85em 0;    padding:0; } div.menu-sitemap-tree li li {    margin: 0 0 -0.85em 0.5em;    padding:0; } div.menu-sitemap-tree li.close ul {    display: none; } div.menu-sitemap-tree div.item-text {    position:relative;    top:-19px;left:19px; } /*Icons*/ div.folder, div.page {    background-repeat:no-repeat;    width:17px;    height:17px;    vertical-align:top; } div.folder{cursor:pointer; cursor: hand;background-image:url(images/folder_open.gif);} div.menu-sitemap-tree li.close div.folder{background-image:url(images/folder_close.gif);} div.page{background-image:url(images/page.gif);}

А в стилях самого шаблона, касательно левого меню, вот что:

Код
#left-menu { color: #FFFFFF;} #left-menu a.selected { color: #EA0000;} #left-menu .selected { color: #FFEA00;} #left-menu a.selected:hover { color: #fff;} #left-menu .current a.selected { background: #EA0000; color: #fff;}

Answer 3

В данном случае я бы менял свойства для div.menu-sitemap-tree li и div.menu-sitemap-tree li li.

Answer 4

А вот стандартный, древовидный шаблон tree как редактировать, у него нет css файла, есть только сам шаблон. Вот код:

Код

<?if (!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die();?> <? //echo '<pre>'; print_r($arResult); echo '</pre>'; if (count($arResult) < 1)    return; $bManyIblock = array_key_exists("IBLOCK_ROOT_ITEM", $arResult[0]["PARAMS"]); ?>    <ul id="left-menu"> <?    $previousLevel = 0;    foreach($arResult as $key => $arItem):       if ($previousLevel && $arItem["DEPTH_LEVEL"] < $previousLevel):          echo str_repeat("</ul></li>", ($previousLevel - $arItem["DEPTH_LEVEL"]));       endif;       if ($arItem["IS_PARENT"]):          $i = $key;          $bHasSelected = $arItem['SELECTED'];          $childSelected = false;          if (!$bHasSelected)          {             while ($arResult[++$i]['DEPTH_LEVEL'] > $arItem['DEPTH_LEVEL'])             {                if ($arResult[$i]['SELECTED'])                {                   $bHasSelected = $childSelected = true; break;                }             }          }                    $className = $nHasSelected ? 'selected' : '';//($bHasSelected ? 'selected' : ''); ?>       <? if ($arItem['DEPTH_LEVEL'] > 1 && !$childSelected && $bHasSelected) :?>          <li class="current">          <a class="selected" href="<?=$arItem["LINK"]?>"><?=$arItem["TEXT"]?></a>          <ul>       <? else:?>          <li<?=$bHasSelected ? ' class="selected"' : ''?>>          <a<?=$bHasSelected ? ' class="selected"' : ''?> href="<?=$arItem["LINK"]?>"><?=$arItem["TEXT"]?></a>          <ul<?=$bHasSelected || ($bManyIblock && $arItem['DEPTH_LEVEL'] <= 1) ? '' : ' style="display: none;"'?>>       <? endif?> <?       else:          if ($arItem["PERMISSION"] > "D"):             $className = $arItem['SELECTED'] ? $arItem['DEPTH_LEVEL'] > 1 ? 'current' : "selected" : ''; ?>       <li<?=$className ? ' class="'.$className.'"' : ''?>>          <a<?if ($arItem['SELECTED']):?> class="selected"<?endif?> href="<?=$arItem["LINK"]?>"><?=$arItem["TEXT"]?></a>       </li> <?          endif;       endif;       $previousLevel = $arItem["DEPTH_LEVEL"];    endforeach;    if ($previousLevel > 1)://close last item tags       echo str_repeat("</ul></li>", ($previousLevel-1) );    endif; ?>    </ul>

Где и что менять, понятия не имею :(