- Регистрация
- 8 Май 2012
- Сообщения
- 405
- Реакции
- 240
- Автор темы
- Заблокирован
- #1
Прошу помощи...
Собственно задача
Необходимо, что бы главные пункты меню отображались в
<!-- Main nav --> в <ul class="usermainnav">,
а все подпункты в <!-- Tabs container --> после <div class="divider"><span></span></div>
Код меню
[/spoil]
ниже привожу шаблон в который необходимо вставить меню
[spoil]
[/spoil]
Ниже привожу - то что у меня получилось - вернее не получилось =(((
[spoil]
Собственно задача
Необходимо, что бы главные пункты меню отображались в
<!-- 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"} ({$new_agents}){/if}
{if $new_company !=0 && $menu.name == "realtor"} ({$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}
ниже привожу шаблон в который необходимо вставить меню
[spoil]
Код:
!-- 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>
Ниже привожу - то что у меня получилось - вернее не получилось =(((
[spoil]
Код:
<!-- 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"} ({$new_agents}){/if}
{if $new_company !=0 && $menu.name == "realtor"} ({$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>