웹마스터 팁

제가 사용한 방식입니다.


저 같은 경우는 리스트 형태에 있는 카테고리 형태 부분을 다 지우고 header 부분에 넣어서 사용했습니다. <form>의 z-index 값이 높기 때문에 세로 나열을 사용하실 분들은 <form>을 감싸는 div를 만들고 카테고리를 탭처리 한 부분의 z-index 값보다 낮게 설정하셔야 합니다 . - 상세한 설명은 손가락 품을 팔아 보시라는 말로  ^^&

{@ $cate_list = array(); $current_key = null; }
<!--@foreach($category_list as $key=>$val)-->
<!--@if(!$val->depth)-->
{@
$cate_list[$key] = $val;
$cate_list[$key]->children = array();
$current_key = $key;
}
<!--@elseif($current_key)-->
{@ $cate_list[$current_key]->children[] = $val }
<!--@end-->
<!--@end-->

일단 탭이 들어가는 부분위에 위 내용을 넣습니다. 저도 php를 잘 모르기에 하여튼 위에서 변수를 바꾸기에 아래와 같은 배열이 가능해 집니다.

<ul class="cTab" cond="$module_info->use_category=='Y'">
<li class="on"|cond="!$category"><a href="{getUrl('category','','page',''+ ')}">{$lang->total}</a></li>
<li loop="$cate_list=>$key,$val" class="on"|cond="$category==$val->category_srl"><a href="{getUrl(category,$val->category_srl,'document_srl','')}">{$val->title}<!--<em cond="$val->document_count">[{$val->document_count}]</em>--></a>
<ul cond="count($val->children)">
<li loop="$val->children=>$idx,$item" class="on_"|cond="$category==$item->category_srl"><a href="{getUrl(category,$item->category_srl,'document_srl'+ ','')}">{$item->title}<!--<em cond="$val->document_count">[{$item->document_count}]</em>--></a></li>
</ul>
</li>
</ul>

위 부분이 분류를 탭형식이든 메뉴형식이든 활용할 수 있는 2단으로 배열할 수 있는 html 구조입니다.

나머지 2단메뉴가 엑티브일때 상위 메뉴에 클라스 명을 넣어 활성화 됨을 표현하기 위한 js

$('.cTab>li>ul>li.on_').parents('li:first').addClass('on');


가급적 v3 게시판 탭형식을 한번 읽어 보시기를 권해 드리며 저 부분만 어느 게시판이든 옮겨 가시면 탭형식의 메뉴든 어떤 메뉴형식이든 변형이 가능합니다.

주의 할 점은...

$('.cTab>li>ul>li.on_').parents('li:first').addClass('on'); 이런 형식이어야 활성화된 2차 메뉴의 상위 메뉴에 클라스명을 먹일 수 있다는 겁니다.

php로 변수값을 바꿔도 정확하게 아버지 아들 구조는 아닌거 같습니다.
그냥 아무생각 없이 $('li.on_').parents().parents('li').addClass('on');로 나갔더니 1차 메뉴의 모든 li에 클라스명 on이 먹히더군요
그래서 다시 v3 게시판의 js를 보고 수정해서 저도 사용했습니다. ^^
제목 글쓴이 날짜
XE 모듈 만들기 [13] 우진홈 2011.09.17
갑자기 로그인(관리자 및 회원)이 안되는 경우 [2] 비밀얌 2011.10.02
특정 확장변수를 로그인한 회원에게만 보이게 하기 [3] 비밀얌 2011.09.17
XE1.5.0.2 설정->파일박스 버튼이 표시되지 않는 문제 해결 방법 file gayeon 2011.10.02
XE 1.5 executeQuery 해결방법 [9] 웹기프트 2011.09.29
최근 게시물 출력시 카테고리(분류) 표시하기.. [5] 엘카인 2009.01.30
xe_member 테이블에서 extra_vars 필드 분리하기... [1] 맘편한넘 2011.02.26
1.5 베타 크롬css 읽기 샤르냥 2011.09.29
HTTP 406 Error 가 나오면서 업로드 안될때 [16] file plruto 2008.02.08
도메인 연결시에 화면 깨짐/스크롤시 화면 깨짐 간단해결법. [4] file YdoubleU 2007.11.05
참고용 - PNG 이용한 RGBa 흉내 데모 [1] file 키네시스 2011.09.14
관리자 무한추천 팁과 추천인/비추천인 표시팁의 충돌 [1] ForHanbi 2011.09.10
1.4.5.5 첨부파일 문제입니다 [4] file codochi 2011.04.23
V3 게시판 (분류메뉴-2단계지원) 일반 게시판으로 옮겨 사용하기 ForHanbi 2011.09.09
웹폰트의 개념과 사용법 [2] hika1 2011.05.26
모듈 join_extend(주민번호 확인 모듈)과 DD_belatedPNG의 충돌 [2] ForHanbi 2011.09.02
blogapi 사진이 포함된 글 [1] 리남철 2011.09.02
직접 ftp를 이용하여 게시물과 회원정보등 데이터 베이스 백업이 가능한가요 [1] 뉴늅 2011.09.06
플래닛XE - Me2day 연동시 참고사항입니다. 파산팩토리 2008.12.07
각 게시판별 하루 글 작성수 제한하기 (게시판 스킨 수정) 도라란 2011.08.31