Помогите доработать меню

Тема в разделе "Как сделать...", создана пользователем Denis_Pi, 17 апр 2013.

Статус темы:
Закрыта.
  1. Denis_Pi

    Denis_Pi Art сreator

    Заблокирован
    Регистр.:
    8 май 2012
    Сообщения:
    398
    Симпатии:
    214
    Прошу помощи...
    Собственно задача
    Необходимо, что бы главные пункты меню отображались в
    <!-- Main nav --> в <ul class="usermainnav">,
    а все подпункты в <!-- Tabs container --> после <div class="divider"><span></span></div>

    Код меню
    Код:
    {if $registered}
                        <ul class="usermainnav">
                            {section name=m loop=$rental_menu}
                                {assign var=menu value=$rental_menu[m]}
                                {if $menu.name != ''}
                                    {if $user_type != 1 || ($user_type == 1 && $menu.name != "agents")}
                                        {if ($menu.name != "agents" || ($menu.name == "agents" && $user_type == 2 && $use_agent_user_type)) && ($menu.name != "realtor" || ( $menu.name == "realtor" && $user_type == 3 && $use_agent_user_type))}                             
                                            <li id="menu_{$menu.name}" class="{if $submenu == $menu.name}active{/if}" {if $rental_menu.submenu[$menu.name]}onclick="ShowSubMenu('{$menu.name}');"{else}onclick="document.location = '{$menu.href}'"{/if} {if $submenu != $menu.name} onmouseover="$(this).attr('class','active');" onmouseout="$(this).attr('class','');"{/if}>
                                                {$menu.value}
                                                {if $new_agents !=0 && $menu.name == "agents"}&nbsp;({$new_agents}){/if}
                                                {if $new_company !=0 && $menu.name == "realtor"}&nbsp;({$new_company}){/if}
                                            </li> 
                                            {if $rental_menu.submenu[$menu.name]}
                                            <li style="{if ($submenu != $menu.name) && !($submenu|in_array:$rental_menu.submenu[$menu.name].names) }display:none{/if}" id="subnav_{$menu.name}" class="subnav">
                                                <ul>
                                                {section name=sm loop=$rental_menu.submenu[$menu.name]}
                                                    {assign var=sub_menu value=$rental_menu.submenu[$menu.name][sm]}
                                                    {if $sub_menu.value}
                                                        <li id="submenu_{$sub_menu.name}" style="z-index:255" class="{if $submenu == $sub_menu.name}active{/if}" {if $submenu != $sub_menu.name} onmouseover="$('#menu_{$menu.name}').attr('class','');$('#submenu_{$sub_menu.name}').attr('class','active');" onmouseout="$('#submenu_{$sub_menu.name}').attr('class','');"{/if}>
                                                            <a href="{$sub_menu.href}">{$sub_menu.value}</a>
                                                        </li>
                                                    {/if}
                                                {/section}
                                                </ul>
                                            {/if}
                                            </li>
                                        {/if}
                                    {/if}
                                {/if}
                            {/section}
                        </ul>
                        {literal}
                        <script language="JavaScript" type="text/javascript">
                        function ShowSubMenu(name){
                                $('.subnav').hide();
                                $('#subnav_'+name).show();
                        }
                        </script>
                        {/literal}
                     
                    {/if}



    ниже привожу шаблон в который необходимо вставить меню
    Код:
    !-- Main nav -->
            <ul class="nav">
                <li><a href="index.html" title=""><span>Главный пункт меню</span></a></li>
             
            </ul>
        </div>
     
        <!-- Secondary nav -->
        <div class="secNav">
            <div class="secWrapper">
                <div class="secTop">
                    <div class="balance">
                    <div class="balInfo">Баланс:<span>Apr 21 2012</span></div>
                    <div class="balAmount"><span class="balBars"><!--5,10,15,20,18,16,14,20,15,16,12,10--></span><span>$58,990</span></div>
                    </div>
                    <a href="#" class="triangle-red"></a>
                </div>
             
                <!-- Tabs container -->
                <div id="tab-container" class="tab-container">
                    <ul class="iconsLine ic3 etabs">
                        <li><a href="#general" title=""><span class="icos-fullscreen"></span></a></li>
                        <li><a href="#alt1" title=""><span class="icos-user"></span></a></li>
                        <li><a href="#alt2" title=""><span class="icos-archive"></span></a></li>
                    </ul>
                 
                    <div class="divider"><span></span></div>
                 
                    <div id="general">
                        <ul class="subNav">
                            <li><a href="forms.html" title="" class="this">Подпункт меню</a></li>
                         
                        </ul>
                    </div>


    Ниже привожу - то что у меня получилось - вернее не получилось =(((

    Код:
    <!-- Main nav -->
         
                {if $registered}
                        <ul class="usermainnav">
                            {section name=m loop=$rental_menu}
                                {assign var=menu value=$rental_menu[m]}
                                {if $menu.name != ''}
                                    {if $user_type != 1 || ($user_type == 1 && $menu.name != "agents")}
                                        {if ($menu.name != "agents" || ($menu.name == "agents" && $user_type == 2 && $use_agent_user_type)) && ($menu.name != "realtor" || ( $menu.name == "realtor" && $user_type == 3 && $use_agent_user_type))}                             
                                            <li id="menu_{$menu.name}" class="{if $submenu == $menu.name}active{/if}" {if $rental_menu.submenu[$menu.name]}onclick="ShowSubMenu('{$menu.name}');"{else}onclick="document.location = '{$menu.href}'"{/if} {if $submenu != $menu.name} onmouseover="$(this).attr('class','active');" onmouseout="$(this).attr('class','');"{/if}>
                                                {$menu.value}
                                                {if $new_agents !=0 && $menu.name == "agents"}&nbsp;({$new_agents}){/if}
                                                {if $new_company !=0 && $menu.name == "realtor"}&nbsp;({$new_company}){/if}
                                            </li> 
                                         
                                                 
        </div>
     
        <!-- Secondary nav -->
        <div class="secNav">
            <div class="secWrapper">
                <div class="secTop">
                    <div class="balance">
                    <div class="balInfo">Баланс:<span>Apr 21 2012</span></div>
                    <div class="balAmount"><span class="balBars"><!--5,10,15,20,18,16,14,20,15,16,12,10--></span><span>$58,990</span></div>
                    </div>
                    <a href="#" class="triangle-red"></a>
                </div>
             
                <!-- Tabs container -->
                <div id="tab-container" class="tab-container">
                    <ul class="iconsLine ic3 etabs">
                        <li><a href="#general" title=""><span class="icos-fullscreen"></span></a></li>
                        <li><a href="#alt1" title=""><span class="icos-user"></span></a></li>
                        <li><a href="#alt2" title=""><span class="icos-archive"></span></a></li>
                    </ul>
                 
                    <div class="divider"><span></span></div>
                 
                 
                     
                            {if $rental_menu.submenu[$menu.name]}
                                            <div id="general">
                                                <ul style="{if ($submenu != $menu.name) && !($submenu|in_array:$rental_menu.submenu[$menu.name].names) }display:none{/if}" id="subnav_{$menu.name}" class="subNav">
                                                {section name=sm loop=$rental_menu.submenu[$menu.name]}
                                                    {assign var=sub_menu value=$rental_menu.submenu[$menu.name][sm]}
                                                    {if $sub_menu.value}
                                                        <li id="submenu_{$sub_menu.name}" style="z-index:255" class="{if $submenu == $sub_menu.name}active{/if}" {if $submenu != $sub_menu.name} onmouseover="$('#menu_{$menu.name}').attr('class','');$('#submenu_{$sub_menu.name}').attr('class','active');" onmouseout="$('#submenu_{$sub_menu.name}').attr('class','');"{/if}>
                                                            <a href="{$sub_menu.href}">{$sub_menu.value}</a>
                                                        </li>
                     
                        {/if}
                                                {/section}
                                                </ul>
                                            {/if}
                                         
                                        {/if}
                                    {/if}
                                {/if}
                            {/section}
                        </ul>
                        {literal}
                        <script language="JavaScript" type="text/javascript">
                        function ShowSubMenu(name){
                                $('.subnav').hide();
                                $('#subnav_'+name).show();
                        }
                        </script>
                        {/literal}
                        {/if}
                    </div>
     
  2. Denis_Pi

    Denis_Pi Art сreator

    Заблокирован
    Регистр.:
    8 май 2012
    Сообщения:
    398
    Симпатии:
    214
    Решил - самостоятельно

    Ниже привожу готовый код

    Код:
    <!-- Main nav -->
           
                {if $registered}
                        <ul class="usermainnav">
                            {section name=m loop=$rental_menu}
                                {assign var=menu value=$rental_menu[m]}
                                {if $menu.name != ''}
                                    {if $user_type != 1 || ($user_type == 1 && $menu.name != "agents")}
                                        {if ($menu.name != "agents" || ($menu.name == "agents" && $user_type == 2 && $use_agent_user_type)) && ($menu.name != "realtor" || ( $menu.name == "realtor" && $user_type == 3 && $use_agent_user_type))}                               
                                            <li id="menu_{$menu.name}" class="{if $submenu == $menu.name}active{/if}" {if $rental_menu.submenu[$menu.name]}onclick="ShowSubMenu('{$menu.name}');"{else}onclick="document.location = '{$menu.href}'"{/if} {if $submenu != $menu.name} onmouseover="$(this).attr('class','active');" onmouseout="$(this).attr('class','');"{/if}>
                                                {$menu.value}
                                                {if $new_agents !=0 && $menu.name == "agents"}&nbsp;({$new_agents}){/if}
                                                {if $new_company !=0 && $menu.name == "realtor"}&nbsp;({$new_company}){/if}
                                            </li>   
                                            {/if}
                                    {/if}
                                {/if}
                            {/section}
                        </ul>
                       
                        {/if}
                                                   
        </div>
       
        <!-- Secondary nav -->
        <div class="secNav">
            <div class="secWrapper">
                <div class="secTop">
                    <div class="balance">
                    <div class="balInfo">Баланс:<span>Apr 21 2012</span></div>
                    <div class="balAmount"><span class="balBars"><!--5,10,15,20,18,16,14,20,15,16,12,10--></span><span>$58,990</span></div>
                    </div>
                    <a href="#" class="triangle-red"></a>
                </div>
               
                <!-- Tabs container -->
                <div id="tab-container" class="tab-container">
                    <ul class="iconsLine ic3 etabs">
                        <li><a href="#general" title=""><span class="icos-fullscreen"></span></a></li>
                        <li><a href="#alt1" title=""><span class="icos-user"></span></a></li>
                        <li><a href="#alt2" title=""><span class="icos-archive"></span></a></li>
                    </ul>
                   
                    <div class="divider"><span></span></div>
                   
                    <div id="general">
                       
                       
                           
                        <ul class="subNav">
                            {section name=m loop=$rental_menu}
                                {assign var=menu value=$rental_menu[m]}
                                {if $menu.name != ''}
                                    {if $user_type != 1 || ($user_type == 1 && $menu.name != "agents")}
                                               
                                            {if $rental_menu.submenu[$menu.name]}
                                            <li style="{if ($submenu != $menu.name) && !($submenu|in_array:$rental_menu.submenu[$menu.name].names) }display:none{/if}" id="subnav_{$menu.name}" class="subnav">
                                                <ul>
                                                {section name=sm loop=$rental_menu.submenu[$menu.name]}
                                                    {assign var=sub_menu value=$rental_menu.submenu[$menu.name][sm]}
                                                    {if $sub_menu.value}
                                                        <li id="submenu_{$sub_menu.name}" style="z-index:255" class="{if $submenu == $sub_menu.name}active{/if}" {if $submenu != $sub_menu.name} onmouseover="$('#menu_{$menu.name}').attr('class','');$('#submenu_{$sub_menu.name}').attr('class','active');" onmouseout="$('#submenu_{$sub_menu.name}').attr('class','');"{/if}>
                                                            <a href="{$sub_menu.href}">{$sub_menu.value}</a>
                                                        </li>
                                                    {/if}
                                                {/section}
                                                </ul>
                                            {/if}
                                            </li>
                                       
                                    {/if}
                                {/if}
                            {/section}
                        </ul>
                        {literal}
                        <script language="JavaScript" type="text/javascript">
                        function ShowSubMenu(name){
                                $('.subnav').hide();
                                $('#subnav_'+name).show();
                        }
                        </script>
                        {/literal}
                       
                   
                        </ul> 
                       
                    </div>


    Тему можно закрывать спасибо!=)
     
Статус темы:
Закрыта.