웹마스터 팁
제로보드 DTREE 메뉴 적용하기 ( 카테고리 선택기 흉내 냈습니다.)
2009.01.17 20:59
적용된 사이트는 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','','');
이부분은 루트명과 루트링크입니다. 보통 초기화면으로 이동하실때 쓰죠...
링크주소를 '' 비워두면 그냥 글짜만 출력됩니다.