적용된 사이트는 cuple.ba.ro 입니다.

dtree 메뉴를 제로보드에 적용했습니다.
압축 풀면 각각 css / jss / images 폴더가 나옵니다.

우선 js폴더안에 dtree.js파일을 메모장으로 열어
var dtree_icon_path  = "./layouts/자신의 레이아웃명/images/dtree_img/";
으로 수정해주세요.

3개 폴더를 사용하시고 있는 레이아웃 폴더 안에 업로드 한다.

* 적용하는 방법
관리자 모드에 메뉴를 구성하고 레이아웃 설정에 들어가서 메뉴를 선택합니다.

레이아웃 편집에 들어가서 제일 상단에 아래 소스를 추가하고

<!--%import("js/dtree.js")-->
<!--%import("css/dtree.css")-->

메뉴를 사용할 위치에 아래 소스를 추가한다.

  <div id="dtree">
 <script type="text/javascript">

  d = new dTree('d');

  var x,y,z,cnt;
  x=0;
  y=10;
  z=100;
  cnt=0;

  d.add(0,-1,'홈으로','http://swrock.cafe24.com/zbxe/main','','');

  <!--@foreach($main_menu->list as $key => $val)--><!--@if($val['text'])-->
   x=x+1;d.add(x,0,"{$val['link']}",'{$val['href']}',''<!--@if($val['open_window']=='Y')-->,true<!--@end-->);
   <!--@if($val['selected']) -->
    cnt=x;
   <!--@end-->
   <!--@foreach($val['list'] as $key1 => $val1)--><!--@if($val1['text'])-->
    y=y+1;d.add(y,x,"{$val1['link']}",'{$val1['href']}',''<!--@if($val1['open_window']=='Y')-->,true<!--@end-->);
    <!--@foreach($val1['list'] as $key2 => $val2)--><!--@if($val2['text'])-->
     z=z+1;d.add(z,y,"{$val2['link']}",'{$val2['href']}',''<!--@if($val2['open_window']=='+ 'Y')-->,true<!--@end-->);
    <!--@end--><!--@end-->
   <!--@end--><!--@end-->
  <!--@end--><!--@end-->
  document.write(d);
  d.openTo(cnt, true);
  d.openAll();
 </script>
</div>

images/dtree_img/ 폴더안에  base.gif 파일은 제일 처음 루트 이미지 파일이니 수정하여 사용해도 됩니다.
 d.add(0,-1,'홈으로','http://swrock.cafe24.com/zbxe/main','','');
이부분은 루트명과 루트링크입니다.  보통  초기화면으로 이동하실때 쓰죠...
링크주소를 '' 비워두면 그냥 글짜만 출력됩니다.