Иван Агалец (Все сообщения пользователя)

<?if (!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die();?>

<?/*if (!empty($arResult)):?>
<ul class="top-menu">

<?
foreach($arResult as $arItem):
   if($arParams["MAX_LEVEL"] == 1 && $arItem["DEPTH_LEVEL"] > 1) 
      continue;
?>
   <?if($arItem["SELECTED"]):?>
      <li class="selected"><?=$arItem["TEXT"]?></li>
   <?else:?>
      <li><a href="<?=$arItem["LINK"]?>"><?=$arItem["TEXT"]?></a></li>
   <?endif?>
   
<?endforeach?>

</ul>
<?endif*/?>
<?if (!empty($arResult)):?>
<?//\Bitrix\Main\Diag\Debug::dump($arResult);?>
<ul class="top-menu">

   <?
   $previousLevel = 0;
   foreach($arResult as $arItem):?>

   <?if ($previousLevel && $arItem["DEPTH_LEVEL"] < $previousLevel):?>
      <?=str_repeat("</ul></li>", ($previousLevel - $arItem["DEPTH_LEVEL"]));?>
   <?endif?>

   <?if ($arItem["IS_PARENT"]):?>

   <?if ($arItem["DEPTH_LEVEL"] == 1):?>
   <li><a href="<?=$arItem["LINK"]?>" class="<?if ($arItem["SELECTED"]):?>root-item-selected<?else:?>root-item<?endif?>"><?=$arItem["TEXT"]?></a>
      <ul>
         <?else:?>
         <li<?if ($arItem["SELECTED"]):?> class="item-selected"<?endif?>><a href="<?=$arItem["LINK"]?>" class="parent"><?=$arItem["TEXT"]?></a>
            <ul>
               <?endif?>

               <?else:?>

                  <?if ($arItem["PERMISSION"] > "D"):?>

                     <?if ($arItem["DEPTH_LEVEL"] == 1):?>
                        <li><a href="<?=$arItem["LINK"]?>" class="<?if ($arItem["SELECTED"]):?>root-item-selected<?else:?>root-item<?endif?>"><?=$arItem["TEXT"]?></a></li>
                     <?else:?>
                        <li<?if ($arItem["SELECTED"]):?> class="item-selected"<?endif?>><a href="<?=$arItem["LINK"]?>"><?=$arItem["TEXT"]?></a></li>
                     <?endif?>

                  <?else:?>

                     <?if ($arItem["DEPTH_LEVEL"] == 1):?>
                        <li><a href="" class="<?if ($arItem["SELECTED"]):?>root-item-selected<?else:?>root-item<?endif?>" title="<?=GetMessage("MENU_ITEM_ACCESS_DENIED")?>"><?=$arItem["TEXT"]?></a></li>
                     <?else:?>
                        <li><a href="" class="denied" title="<?=GetMessage("MENU_ITEM_ACCESS_DENIED")?>"><?=$arItem["TEXT"]?></a></li>
                     <?endif?>

                  <?endif?>

               <?endif?>

               <?$previousLevel = $arItem["DEPTH_LEVEL"];?>

               <?endforeach?>

               <?if ($previousLevel > 1)://close last item tags?>
                  <?=str_repeat("</ul></li>", ($previousLevel-1) );?>
               <?endif?>

            </ul>
            <div class="menu-clear-left"></div>
            <?endif?>

.top-menu
   {
   list-style:none;
   margin:0;
   padding:0;
   line-height:1;
   display:block;
   zoom:1;
   float:left;
   font-size:12pt
   }

.top-menu:after
   {
   content:' ';
   display:block;
   font-size:0;
   height:0;
   clear:both;
   visibility:hidden
   }
.top-menu li
   {
   float:left;
   display:block;
   padding:0
   }
.top-menu li 
a{
color:#fff;
text-decoration:none;
display:block;
padding:15px 25px;
font-family:sans-serif;
font-weight:700;
text-transform:uppercase;
position:relative;
-webkit-transition:color .25s;
-moz-transition:color .25s;
-ms-transition:color .25s;
-o-transition:color .25s;
transition:color .25s
}
.top-menu li.item-selected a,.top-menu li a.root-item-selected
{
color:#7d5d36
}
.top-menu li a:hover
{
color:#333
}
.top-menu li a.root-item-selected:before,
.top-menu li a:hover:before{width:100%}
.top-menu li a:after
{
content:'';
display:block;
position:absolute;
right:-3px;
top:19px;
height:6px;
width:6px;
background:#fff;
opacity:.5
}
.top-menu li a:before
{
content:'';
display:block;
position:absolute;
left:0;
bottom:0;
height:3px;
width:0;
background:#AB8F59;
-webkit-transition:width .15s;
-moz-transition:width .15s;
-ms-transition:width .15s;
-o-transition:width .15s;
transition:width .15s
}
li.selected
{
color:#7d5d36;
text-decoration:none;
display:block;
padding:15px 25px;
font-family:sans-serif;
font-weight:700;
text-transform:uppercase;
position:relative
}
li.selected:before
{
content:'';
display:block;
position:absolute;
left:0;
bottom:0;
height:3px;
width:0;
background:#AB8F59;
width:100%;
z-index:0
}
li.selected:after
{
content:'';
display:block;
position:absolute;
right:-3px;
top:19px;
height:6px;
width:6px;
background:#fff;
opacity:.5
}
li.selected:last-child:after
{
display:none
}
.top-menu li.last>a:after,.top-menu li:last-child>a:after{display:none}@media screen and (max-width:948px){.top-menu{font-size:10pt}.top-menu li a{color:#fff;text-decoration:none;display:block;padding:17px 20px;font-family:sans-serif;font-weight:700;text-transform:uppercase;position:relative;-webkit-transition:color .25s;-moz-transition:color .25s;-ms-transition:color .25s;-o-transition:color .25s;transition:color .25s}li.selected{color:#7d5d36;text-decoration:none;display:block;padding:17px 20px;font-family:sans-serif;font-weight:700;text-transform:uppercase;position:relative}}.top-menu li ul{position:absolute;top:auto;display:none;z-index:500;height:auto;background:#cebd9d}.top-menu li ul:before{content:'';display:block;position:absolute;left:0;bottom:0;height:3px;background:#7d5d36;width:100%;z-index:0}.top-menu li ul li{float:none}.top-menu li ul li a:after{display:none}.top-menu li:hover ul{display:block}@media screen and (max-width:610px){.top-menu{font-size:12pt}.top-menu li{float:none}.top-menu li a{width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.top-menu li a:after{display:none}li.selected:after{display:none}.top-menu li a:before{height:1px;background:#fff;width:100%;opacity:.2}.top-menu li.last>a:before,.top-menu li:last-child>a:before{display:none}}