제홈에 회원님이 질문을 하셔서  올린팁인데..혹시나 4depth메뉴가 필요하신분은 참고 하세요.

현재 좌측의 메뉴는

Menu1
  - Menu1_1
       - Menu1_1_1

형태까지만 지원을 합니다.


Menu1
  - Menu1_1
       - Menu1_1_1
           - Menu1_1_1_1 

이렇게 붉은색부분의 4depth 메뉴를 사용하려면... 아래 소스를 추가 하시면 됩니다.

<!-- main_menu 4차 시작 -->
       
       <!--@foreach($v['list'] as $l => $w)-->
        <!--@if($v['list'])-->
          <ul id="depth4">
          <li <!--@if($w['selected'])-->class="on3"<!--@end-->>
          <a href="{$w['href']}" <!--@if($w['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->  onfocus="this.blur()">
           
            {$w['text']}         
          </a>
          </li>
          </ul>
        <!--@end-->
       <!--@end-->

위 소스를 추가할 위치는

xe_offical의 기본 레이아웃의 layout.html파일을 기준으로 한다면..

<div id="columnLeft">
         <!-- 로그인 위젯 -->
            <img src="./images/blank.gif" class="zbxe_widget_output" widget="login_info" skin="xe_official" colorset="{$layout_info->colorset}" />
            <!-- 왼쪽 2차 메뉴 -->
   <img src="./images/blank.gif" alt="" class="mask" />
            <!--@if($menu_1st)-->
   <ol id="lnb">
                {@ $idx = 1 }
                <!--@foreach($menu_1st['list'] as $key => $val)--><!--@if($val['text'])-->
    <li <!--@if($val['selected'])-->class="on"<!--@end-->><a href="{$val['href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['text']}</a>
                    <!-- main_menu 3차 시작 -->
                    <!--@if($val['list'])-->
     <ul>
                    <!--@foreach($val['list'] as $k => $v)--><!--@if($v['text'])-->
      <li <!--@if($v['selected'])-->class="on"<!--@end-->><a href="{$v['href']}" <!--@if($v['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$v['text']}</a></li>
                    <!--@end--><!--@end-->
     </ul>
                    <!--@end-->
    </li>
                {@$idx++}
                <!--@end--><!--@end-->
   </ol>
            <!--@end-->


<!--main_menu4차 시작-->
       <!--@foreach($v['list'] as $l => $w)-->
        <!--@if($v['list'])-->
          <ul id="depth4">
          <li <!--@if($w['selected'])-->class="on3"<!--@end-->>
          <a href="{$w['href']}" <!--@if($w['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->  onfocus="this.blur()">
           
            {$w['text']}         
          </a>
          </li>
          </ul>
        <!--@end-->
       <!--@end-->

  </div>

--------------------


그리고 css 파일을 열어서
#depth4 a{#color:#666666;text-decoration:none;padding:0px 0px 0px 30px;}
#depth4 .on3 a{#color:#ff9900;text-decoration:none;font-weight:bold;}

이 부분을 추가하면 됩니다.
css파일 부분은 자신의 홈에 맞게 재 수정해서 사용하셔야 하겠네요.
디자인적인 부분이니....

두개의 소스를 가지고 응용해서 자신의 홈피에 맞게 수정해서 사용하면 됩니다.
이 게시물을..
잡다한 몽상백서 똑띠입니다.
http://jobdahan.net  
zbXE 동영상 강좌 및 포토샵 강좌, 일러스트 강좌와 함께
쇼핑몰 창업 정보도 함께 공유합니다.