zbxe가 나오고 좀더 빨리 템플릿을 공개했으면 좋았을텐데...좀 늦어졌네요.
19번째 라인~23번째 라인 (jdh_xe_1m/layout.html 파일)
<!--@if($act)-->
<script>
location.href='./?mid=mypage&act={$act}&member_srl={$member_srl}';
</script>
<!--@end-->
이부분을
<!--@if($act)-->
<!--@if($member_srl)-->
<script>
location.href='./?mid=mypage&act={$act}&member_srl={$member_srl}';
</script>
<!--@elseif($layout_srl)-->
<script>
location.href='./?mid=mypage&act={$act}&layout_srl={$layout_srl}';
</script>
<!--@elseif($is_keyword)-->
<script>
location.href='./?mid=mypage&act={$act}&is_keyword={$is_keyword}';
</script>
<!--@else-->
<script>
location.href='./?mid=mypage&act={$act}';
</script>
<!--@end-->
<!--@end-->
이렇게 바꿔주세요.
우선 오늘 첫번째 공개 버전으로 잡다한 XE1 차 버전을 공개 합니다.
zb5에서 공개했던 잡다한 1차와 디자인이 동일합니다.
그런데 zb5와는 달리 zbxe에서는 템플릿 레이아웃을 사용할때 몇가지 체크해야 할 사항이 있으니 잘 확인 하시고 사용하시기 바랍니다.
가. 잡다한 XE 1차 메인용 레이아웃 템플릿 - /zbxe/layouts/jdh_xe_1m
나. 잡다한 XE 1차 서브용 레이아웃 템플릿 - /zbxe/layouts/jdh_xe_1s
다. 로그인위젯 스킨 - login_info.zip
/zbxe/widgets/login_info/skins/jdh_xe_1m
/zbxe/widgets/login_info/skins/jdh_xe_1m_nude
첨부파일에 총 3개의 압축 파일이 있습니다. 해당 압축파일을 다운받으셔서 위 1번 구성에서와 같은 경로에 업로드 해주시면 되게습니다.
즉, 레이아웃은 /zbxe/layouts 폴더에 업로드 하시면 되겠구요
로그인 위젯은 /zbxe/widgets/login_info/skins 폴더에 업로드 하시면 되겠습니다.
잡다한 XE 1차 메인용 스킨은 좌측에 서브메뉴가 나오지 않습니다.
즉, 현재 잡다한 몽상백서 홈페이지 처럼 좌측에 로그인이 나오고 그다음엔 자신이 원하는 컨텐츠를 꾸밀 수 있는 형태입니다.
따라서 메인좌측에 서브메뉴가 왜 안나오냐고 의문 가지시지 마시길...
또한 회원가입이나, 쪽지함보기 등 프로그램상 $act 값이 있으면 mypage로 이동시켜서 처리를 합니다.
그렇다 보니 정상적인 사용을 위해선 관리자페이지 메뉴관리에서 mypage라는 메뉴를 하나 만들고 해당 메뉴에 페이지를 하나 연결 시켜 주셔야만 정상적으로 운영이 됩니다.
[아직 기능상 보완해야 할 부분이 있는데 현재로선 이 상태로 사용하시길...]
mypage로 이동했을때 로그인정보가 출력이 되도록 했습니다.
zb4에서 직접 코딩해서 사용하는것처럼 zbxe에서도 직접 코딩해서 사용하는 형태입니다.
코딩을 좀더 쉽게 이해하기위해서 임시적으로 배너 이미지를 좌측, 중앙, 우측에 넣어 두었습니다.
해당 이미지 경로를 확인하시고, 여러분의 홈페이지 구성에 맞게 변경해서 사용하시면 되겠습니다.

설정을 white로 잡아주세요.
1번 : 로고는 180px * 200px 미만의 사이즈로 등록하셔야 정상적인 레이아웃 형태를 유지합니다.
2번 : 메뉴는 하나당 80px 로 고정되어 있습니다. (메뉴명이 길 경우 이미지 수정 및 소스 수정이 필요합니다.)
3번 : 메인레이아웃 템플릿의 경우 " 잡다한 몽상백서-누군가에겐 꿈이길 바랍니다" 라는 문구가 출력되며
해당 부분을 수정하시려면
/zbxe/layouts/jdh_xe_1m/layout.html 파일 88번째 라인을 수정하시면 됩니다.
4번 : 잡다한 XE 템플릿용 로그인 윗젯입니다. 첨부파일을 다운받아서 업로드 해주시기 바랍니다.
5번 : 소스에서 직접 "로그인,로그아웃, 회원가입, 마이페이지, 사이트맵, Contact Us를 처리합니다.
로그인, 로그아웃, 회원가입까지는 그냥 디폴트로 작업합니다.
그러나 Mypage나 사이트맵, Contact Us 메뉴는 자신이 홈페이지에서 메뉴관리에 해당 메뉴가 등록되어야
당연히 정상적으로 링크가 처리됩니다.
만약 필요없으시다면 해당 부분을 지우고 사용하셔도 되구요, 다른 메뉴를 대신해서 처리해도 되겠습니다.
6번 : 현재 홈페이지 디자인 목적으로 우측 상단에 이미지형태를 두개 올려 두었습니다.
여기서 체크할 것은, 이미지 경로가 되겠습니다.
<img src="./images/{$layout_info->colorset}/client.gif">
이렇게 되어 있는데, 이것은 해당 레이아웃에서 자신이 선택한 컬럿셋 폴더를 기준으로 이미지 경로가 되겠습니다.
이것을 절대경로로 표현을 하자면 메인에서는
http://site1.parandiary.com/zbxe/layouts/jdh_xe_1m/images/white/client.gif
이렇게 되겠지요.
이 경로를 참고 하셔서 자신이 꾸미는 홈페이지 이미지를 관리하시면 되겠습니다.
7번 : 메인중앙 배너 이미지를 샘플로 올려 두었습니다.
6번에서와 마찬가지로 이미지경로를 체크하시면 되겠구요, 해당 이미지명은 main_banner.gif 입니다.
자신의 홈페이지에 맞는 이미지를 만들어 동일한 이름으로 저장을 한다면 쉽게 이용이 가능하겠지요.
8번 : 레이아웃 소스에 위젯코드 추가 [ 중요]
잡다한 XE 템플릿은 위젯코드르르 페이지를 통해서 관리하지 않고
직접 레이아웃에 추가하는 방법을 사용하고 있습니다.
이 방법은 레이아웃 편집에서 위젯코드 생성을 통해 해당 코드를 넣어 준다고 생각하시면 되겠습니다.
/zbxe/layouts/jdh_xe_1m/layout.html 파일을 울트라에디터나 에디터 플러스 같은 프로그램으로 여셔서
해당 위치를 확인 한다음 자신에게 맞게 수정해서 사용하시기 바랍니다.
9번 : 하단 메뉴부분 처리
디자인적 목적과, 기능적 목적을 결부 시켜서 처리한 곳입니다.
Designed by jobdahan,net 이라는 이미지는 jobdahan.gif 파일입니다. 수정하셔도 되고, 그대로 두셔도 됩니다.
하단 메뉴부분 회색톤은 배경 이미지 입니다.
해당 파일명은 foot_back.gif 입니다.
10번 : 카피라이트 부분은 자신이 홈페이지에 맞게 변경해서 사용하시기 바랍니다.
카피라이트 부분 수정은 제한이 없습니다.
/zbxe/layouts/jdh_xe_1m/layout.html 파일과 /zbxe/layouts/jdh_xe_1s/layout.html 파일을 열어 보시면
제일 하단 부분에 해당 내용이있으니 수정해서 사용하세요.

1.번 : 해당 서브 상단 메뉴명을 출력 시켜 줍니다.
2번 : 선택된 메뉴를 따로 이미지 처리 할 수 있습니다.
해당 이미지는
jdh_xe_1s 기준
/zbxe/layouts/jdh_xe_1s/images/white/bgLnbOn.gif 파일입니다.
/zbxe/layouts/jdh_xe_1s/images/white/bgLnbOff.gif 파일 과 함께 알맞게 디자인해서 사용하시면 될듯...
3번 : 서브레이아웃 템플릿에서 이미지나 배너 추가 할때 참고 하시면 되겠습니다.
/zbxe/layouts/jdh_xe_1s/images/white/nateon.gif 가 경로이고
layout.html 파일에서는
<img src="./images/{$layout_info->colorset}/nateon.gif"> 이런식으로 코딩해서 사용됩니다.
4번 : 메인레이아웃과는 달리 화면 중앙에 페이지나, 게시판이 출력됩니다.

Mypage는 jdh_xe_1s (서브용레이아웃 템플릿) 레이아웃 템플릿에서 처리가 됩니다.
로그인이나, 로그아웃, 쪽지함보기와 같은 $act 값이 있는 호출이 이루어졌을때 메인에서 그것을 체크해서 서브레이아웃으로보내처 처리를 하게 됩니다.
그런데 그 서브레이아웃 메뉴중 반드시 mypage라는 메뉴로 보내게 됩니다.
따라서 여러분이 잡다한 XE 템플릿 레이아웃을 사용하시려면 메뉴관리에서 mypage를 만들고 mypage에는 페이지모듈을 연결해 주시기 바랍니다.
1번 : 메뉴관리에서 mypage라는 메뉴를 만든다.
페이지관리에서 mypage를 만들고 해당 페이지를 jdh_xe_1s 레이아웃 템플릿을 지정해 준다.
2번 : mypage의 경우 로그인 정보가 그림과 같이 서브메뉴 박스에 나타나게 됩니다.
이를 위해선 첨부파일로 올려진 로그인 위젯스킨을 자신의 계정에 업로드가 정상적으로 이루어져 있어야 합니다.
3번 : 해당 메뉴가 페이지로 만들어졌기 때문에 mypage를 바로 접근했을때는
그림과 같은 페이지 화면을 만나 볼 수 있습니다.
따라서 이 공간은 자신의 홈페이지에 맞게 내용을 꾸며서 사용하면 되겠습니다.
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------
2007.09.15 수정
서브레이아웃 3단 메뉴출력 css 문제로 파일 수정되었습니다.
이미 받으셨던 분들은 white.zip 파일을 다운받아 /zbxe/layouts/jdh_xe_1s/css/ 폴더에 덮어씌워주세요.
댓글 '21'
<div id="columnLeft">
<!-- 왼쪽 2차 메뉴-->
<img src="./images/blank.gif" alt="" class="mask" />
<!--@if($menu_1st)-->
<div class="submenu_back">
<div class="submenu_title">
{$menu_1st['text']}
</div>
<!--@if($menu_1st['text']=='Mypage')--><img src="./images/blank.gif" class="zbxe_widget_output" widget="login_info" skin="jdh_xe_1m_nude" colorset="white" /><!--@end-->
<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>
</div>
<div class="submenu_bottom"></div>
<!--@end-->
<br>
<img src="./images/{$layout_info->colorset}/nateon.gif"><br>
</div>
이렇게 되어 있는 소스 143~178번째라인까지를 아래와 같이 바꾸면 되겠네요.
<div id="columnLeft">
<!-- 왼쪽 2차 메뉴-->
<img src="./images/blank.gif" alt="" class="mask" />
<!--@if($menu_1st)-->
<div class="submenu_back">
<div class="submenu_title">
{$menu_1st['text']}
</div>
<img src="./images/blank.gif" class="zbxe_widget_output" widget="login_info" skin="jdh_xe_1m_nude" colorset="white" />
<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>
</div>
<div class="submenu_bottom"></div>
<!--@end-->
<br>
<img src="./images/{$layout_info->colorset}/nateon.gif"><br>
</div>
--------------------------------------------------------------------------------------------------------------------------------------------------------------
mypage일때만 로그인부분이 서브메뉴 위쪽에 나오도록 한것인데, 일반 서브메뉴에서도 나오게 하려면
153번째 조건문을 빼면 됩니다.
<!--@if($menu_1st['text']=='Mypage')--><img src="./images/blank.gif" class="zbxe_widget_output" widget="login_info" skin="jdh_xe_1m_nude" colorset="white" /><!--@end-->
이것을
<img src="./images/blank.gif" class="zbxe_widget_output" widget="login_info" skin="jdh_xe_1m_nude" colorset="white" />
이렇게 바꿔주는것이지요.
정한나
어제 이 사이트에 들어와 보고 너무 맘에 들어서
레이아웃을 올려주시면 정말 좋겠다고 마음으로 소망했는데
오늘 제로보드 에 올라와서 정말 기뻤어요...
질문은
위에서 보면 메뉴1-1의 하위메뉴 그러니까 메뉴1-1-1이라고 할 수 있겠죠..
그게 옆으로 많이 밀려나가는데요..
예제 사이트에서도 하위메뉴예는 없는 것 같네요..
제가 워낙 이런쪽으로 잘 몰라서 아무리 찾아보려고 해도 뭐가 뭔지 모르겠네요..
http://www.lwmlove.net/mim
캡쳐할 줄 몰라서 주소를 올리겠습니다.
다시한번 감사드려요..
말씀하신대로 증상이 그렇게 나타나는군요.
그런데 제가 샘플로 만든 사이트의 경우 정상적으로 처리가 되는데 뭐가 문제 일지...ㅡ.ㅡ;;
http://site1.parandiary.com/zbxe/718#0 여기서 상단에 로그인 누르면 잘나오거든요.










기본형

기본형 



잡다한 XE 1차 템플릿 레이아웃 공개 시작합니다. ^^ 사용해 보시고 댓글로 궁금하신 사항은 질문주세요..^^