삭제

git-svn-id: http://xe-core.googlecode.com/svn/sandbox@2327 201d5d3c-b55e-5fd7-737f-ddc643e51545

layouts/sample_layout_js_menu/conf/info.xml

@@ -0,0 +1,108 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layout version="0.1">
+    <title xml:lang="ko">견본 레이아웃 (JS 메뉴)</title>
+    <title xml:lang="zh-CN">样本布局（JS 菜单）</title>
+    <title xml:lang="en">Sample Layout (Menu in JS)</title>
+    <title xml:lang="es">Diseño predeterminado (menú JS)</title>
+    <title xml:lang="jp">レイアウトサンプル（ＪＳ）</title>
+    <author email_address="zero@zeroboard.com" link="http://www.zeroboard.com" date="2007. 2. 28">
+        <name xml:lang="ko">제로</name>
+        <name xml:lang="zh-CN">zero</name>
+        <name xml:lang="en">zero</name>
+        <name xml:lang="es">zero</name>
+        <name xml:lang="jp">Zero</name>
+        <description xml:lang="ko">
+            가장 기본적인 기능으로 이루어진 견본 레이아웃입니다.
+            main_menu, bottom_menu 2개의 메뉴로 구성되어 있으며 각 메뉴의 출력은 javascript 함수를 이용해서 출력합니다.
+            레이아웃을 만들때 편리하지만 자유도가 떨어집니다.
+        </description>
+        <description xml:lang="zh-CN">
+            此布局是最基本的功能形成的样本布局。
+            此布局由 main_menu, bottom_menu 两个菜单构成，每个菜单的呼出方式是利用 javascript 函数显示。
+            制作布局的时候方便的同时自由度相对落后。
+        </description>
+        <description xml:lang="en">
+            This is a sample layout consists of the most basic features.
+            It has two menues each named 'main_menu' and 'bottom_menu', and they are displayed by using Javascript function.
+            Javascript version is so convenient to create layouts, but reduces the degree of freedom though.
+        </description>
+        <description xml:lang="es">
+            Es el diseño predeterminado para funciónes basicos. Tiene 2 menús de main_menu, bottom_menu. La salida de cada menu usa funciónes de javascript. Es facil de manejar diseño, pero falta de libertad.
+        </description>
+        <description xml:lang="jp">
+            一番基本的な機能で構成されたレイアウトのサンプルです。「main_menu」と「bottom_menu」２つのメニューで構成されていて、各メニューは「javascript」関数を用いて 出力します。 レイアウトをデザインする際に便利ですが、自由度は制限されます。
+        </description>
+    </author>
+    <extra_vars>
+        <var name="colorset" type="select">
+            <title xml:lang="ko">컬러셋</title>
+            <title xml:lang="zh-CN">颜色</title>
+            <title xml:lang="en">Colorset</title>
+            <title xml:lang="es">collección de colores</title>
+            <title xml:lang="jp">カラーセット</title>
+            <description xml:lang="ko">원하시는 컬러셋을 선택해주세요.</description>
+            <description xml:lang="zh-CN">请选择颜色。</description>
+            <description xml:lang="en">Please select a colorset you want.</description>
+            <description xml:lang="es">Seleccióne la collección de colores.</description>
+            <description xml:lang="jp">お好みのカラーセットを選択してください。</description>
+            <options name="red">
+                <title xml:lang="ko">적색</title>
+                <title xml:lang="zh-CN">红色</title>
+                <title xml:lang="en">Red</title>
+                <title xml:lang="es">Rojo</title>
+                <title xml:lang="jp">赤</title>
+                <value>red</value>
+            </options>
+            <options name="blue">
+                <title xml:lang="ko">청색</title>
+                <title xml:lang="zh-CN">青色</title>
+                <title xml:lang="en">Blue</title>
+                <title xml:lang="es">Azul</title>
+                <title xml:lang="jp">青</title>
+                <value>blue</value>
+            </options>
+        </var>
+        <var name="top_title" type="text">
+            <title xml:lang="ko">상단 제목</title>
+            <title xml:lang="zh-CN">顶部标题</title>
+            <title xml:lang="en">Title on the top</title>
+            <title xml:lang="es">Título</title>
+            <title xml:lang="jp">上段タイトル</title>
+            <description xml:lang="ko">레이아웃의 상단에 표시할 제목을 입력하세요.</description>
+            <description xml:lang="zh-CN">请输入布局顶部显示的标题。（网站名称）</description>
+            <description xml:lang="en">Please input a title to be displayed on the top of the layout.</description>
+            <description xml:lang="es">Escribe el título para la pagína de web.</description>
+            <description xml:lang="jp">レイアウトの上段に表示するタイトルを入力してください。</description>
+        </var>
+        <var name="index_url" type="text">
+            <title xml:lang="ko">홈 페이지 URL</title>
+            <title xml:lang="zh-CN">网站 URL</title>
+            <title xml:lang="en">Home page URL</title>
+            <title xml:lang="es">URL de pagína de web</title>
+            <title xml:lang="jp">ホームページ URL</title>
+            <description xml:lang="ko">로고나 제목을 클릭시에 이동할 홈 페이지 URL을 입력해 주세요.</description>
+            <description xml:lang="zh-CN">点击网站LOGO或标题时要移动的页面URL。</description>
+            <description xml:lang="en">Please input URL to the page that you want to be loaded when a logo or title is clicked.</description>
+            <description xml:lang="es">Escribe el URL para título.</description>
+            <description xml:lang="jp">ロゴまたはタイトルをクリックした際、移動するホームページの URL を入力してください。</description>
+        </var>
+    </extra_vars>
+    <menus>
+        <menu name="main_menu" default="true">
+            <title xml:lang="ko">주 메뉴</title>
+            <title xml:lang="zh-CN">主 菜单</title>
+            <title xml:lang="en">Main menu</title>
+            <title xml:lang="es">menú principal</title>
+            <title xml:lang="jp">メインメニュー</title>
+            <maxdepth>2</maxdepth>
+        </menu>
+        <menu name="bottom_menu">
+            <title xml:lang="ko">하단 메뉴 </title>
+            <title xml:lang="zh-CN">底部菜单</title>
+            <title xml:lang="en">Menu on the bottom </title>
+            <title xml:lang="es">sub menú </title>
+            <title xml:lang="jp">下段メニュー</title>
+            <maxdepth>1</maxdepth>
+        </menu>
+    </menus>
+</layout>

layouts/sample_layout_js_menu/css/layout.css

@@ -0,0 +1,188 @@
+@charset "utf-8";
+
+body {
+    margin:0px;
+    padding:0px;
+}
+
+/**
+ * 레이아웃 style 
+ **/
+
+/**
+ * 상단 로고 및 메인 1차 메뉴 
+ **/
+.layout_top {
+    margin:10px 10px 0px 10px;
+}
+
+/* 상단 로고 부분 */
+.layout_logo A {
+    font-weight:bold;
+    font-size:16pt;
+    color:#888888;
+    text-decoration:none;
+}
+
+/* 상단 1차 메뉴 */
+.layout_first_menu {
+    border-bottom:2px solid #DDDDDD;
+    width:100%;
+    text-align:right;
+    padding:3px 0px 3px 0px;
+}
+
+/**
+ * 좌측 메뉴 및 메인 2차 메뉴, 로그인 위젯 및 기타
+ **/
+.layout_left {
+    width:220px;
+    float:left;
+    margin-top:10px;
+    position:absolute;
+    left:10px;
+}
+
+/* 좌측 2차 메뉴 */
+.layout_second_menu {
+}
+
+/* 좌측 관리자 메뉴 */
+.layout_admin {
+    margin-top:10px;
+    border:3px solid #EEEEEE;
+    padding:5px;
+    text-align:center;
+}
+
+.layout_admin A {
+    color:#AAAAAA;
+    text-decoration:none;
+}
+
+/* 컨텐츠 */
+.layout_content {
+    padding:10px 10px 0px 240px;
+}
+
+#content {
+}
+
+/**
+ * 하단 메뉴 영역 
+ **/
+.layout_bottom {
+    clear:both;
+    margin-top:20px;
+}
+
+/* 하단 메뉴 */
+.layout_bottom_menu {
+    width:100%;
+    text-align:center;
+}
+
+/**
+ * 메뉴 style, main_menu:1~3차, bottom_menu로 구성 
+ **/
+
+/* 1차 메뉴 */
+.first_menu {
+    background-color:#999999;
+    padding:3px 10px 3px 10px;
+    margin-left:5px;
+}
+
+.first_menu A {
+    font-weight:normal;
+    color:#FFFFFF;
+    text-decoration:none;
+}
+
+.first_menu_selected {
+    background-color:#000000;
+    padding:3px 10px 3px 10px;
+    margin-left:5px;
+}
+
+.first_menu_selected A {
+    color:#FFFFFF;
+    font-weight:bold;
+    text-decoration:none;
+}
+
+/* 2차 메뉴 */
+.second_menu {
+    padding:5px 0px 5px 5px;
+    background-color:#AAAAAA;
+    display:block;
+    border-bottom:1px solid #999999;
+}
+
+.second_menu A {
+    color:#FFFFFF;
+    text-decoration:none;
+    font-weight:normal;
+}
+
+.second_menu_selected {
+    padding:5px 0px 5px 5px;
+    background-color:#666666;
+    display:block;
+    border-bottom:1px solid #444444;
+}
+
+.second_menu_selected A {
+    color:#FFFFFF;
+    font-weight:bold;
+    text-decoration:none;
+}
+
+/* 3차 메뉴 */
+.third_menu {
+    padding:5px 0px 5px 20px;
+    border-bottom:1px solid #EEEEEE;
+    display:block;
+}
+
+.third_menu A {
+    color:#000000;
+    text-decoration:none;
+}
+
+.third_menu_selected {
+    padding:5px 0px 5px 20px;
+    border-bottom:1px solid #EEEEEE;
+    font-weight:bold;
+    display:block;
+    background-color:#EFEFEF;
+}
+
+.third_menu_selected A {
+    color:#000000;
+    font-weight:bold;
+    text-decoration:none;
+}
+
+/* 하단 메뉴 */
+.bottom_menu {
+    margin-right:5px;
+    font-weight:normal;
+}
+
+.bottom_menu A {
+    color:#000000;
+    text-decoration:none;
+}
+
+.bottom_menu_selected {
+    margin-right:5px;
+    font-weight:bold;
+}
+
+.bottom_menu_selected A {
+    color:#000000;
+    font-weight:bold;
+    text-decoration:none;
+}
+

layouts/sample_layout_js_menu/js/layout.js

@@ -0,0 +1,72 @@
+/**
+ * @brief sample_layout 메뉴 출력용 javascript
+ * @author zero (zero@nzeo.com)
+ **/
+
+/**
+ * 메뉴를 담을 javascript 변수
+ *
+ * xe_layout_menu 구조
+ *
+ * xe_layout_menu[메뉴명][depth][menu_srl] = Object
+ *
+ * Object {
+ *   text : 메뉴 명
+ *   href : 연결할 주소
+ *   open_window : [Y|N] 새창으로 띄울 것인지에 대한 값
+ *   normal_btn : 이미지 버튼
+ *   hover_btn : 이미지 버튼일 경우 mouseover 일 경우
+ *   active_btn : 선택되어 있을 경우의 이미지
+ *   className : normal 상태의 className
+ *   selectedClassName : 선택된 상태의 className
+ *   selected : 선택된 메뉴라면 true, 아니면 false
+ * }
+ **/
+var xe_layout_menu = new Array();
+
+/**
+ * @brief sample_layout에서 메뉴를 출력하는 함수
+ * menu_name : 레이아웃 설정상의 메뉴 이름
+ * depth : 입력된 단계
+ * print_child : true로 하면 메뉴 출력중 하위 메뉴가 있을 시 출력
+ **/
+function xe_print_menu(menu_name, depth, print_child) {
+    if(typeof(xe_layout_menu[menu_name])=='undefined' || typeof(xe_layout_menu[menu_name][depth])=='undefined') return;
+    if(typeof(print_child)=='undefined') print_child = false;
+
+    var menu_list = xe_layout_menu[menu_name][depth];
+    var html = "";
+
+    for(var menu_key in menu_list) {
+        var menu_obj = menu_list[menu_key];
+        if(typeof(menu_obj)=='undefined'||!menu_obj) continue;
+
+        if(!menu_obj.text && !menu_obj.normal_btn) continue;
+
+        var className = menu_obj.className;
+        if(menu_obj.selected) className = menu_obj.selectedClassName;
+
+        if(!menu_obj.href) menu_obj.href = "#";
+
+        // 텍스트일 경우
+        if(!menu_obj.normal_btn) {
+            
+            if(menu_obj.open_window == "Y") html = "<span class=\""+className+"\"><a href=\"#\" onclick=\"winopen('"+menu_obj.href+"'); return false;\">"+menu_obj.text+"</a></span>";
+            else html = "<span class=\""+className+"\"><a href=\""+menu_obj.href+"\">"+menu_obj.text+"</a></span>";
+
+        // 이미지 버튼 일 경우
+        } else if(menu_obj.normal_btn) {
+            if(!menu_obj.hover_btn) menu_obj.hover_btn = menu_obj.normal_btn;
+            if(!menu_obj.active_btn) menu_obj.active_btn = menu_obj.normal_btn;
+
+            if(menu_obj.selected) menu_obj.normal_btn = menu_obj.active_btn;
+
+            if(menu_obj.open_window == "Y") html = "<span class=\""+className+"\"><a href=\"#\" onclick=\"winopen('"+menu_obj.href+"'); return false;\"><img src=\""+menu_obj.normal_btn+"\" border=\"0\" alt=\""+menu_obj.text+"\" onmouseover=\"this.src='"+menu_obj.hover_btn+"'\" onmouseout=\"this.src='"+menu_obj.normal_btn+"'\" /></a></span>";
+            else html = "<span class=\""+className+"\"><a href=\""+menu_obj.href+"\"><img src=\""+menu_obj.normal_btn+"\" border=\"0\" alt=\""+menu_obj.text+"\" onmouseover=\"this.src='"+menu_obj.hover_btn+"'\" onmouseout=\"this.src='"+menu_obj.normal_btn+"'\" /></a></span>";
+        }
+
+        if(html) document.write(html);
+
+        if(print_child && menu_obj.selected && typeof(xe_layout_menu[menu_name][depth+1])!='undefined') xe_print_menu('main_menu', depth+1, true);
+    }
+}

layouts/sample_layout_js_menu/layout.html

@@ -0,0 +1,83 @@
+<!-- 메뉴를 출력하기 위한 javascript 소스가 담긴 파일을 import -->
+<!--%import("js/layout.js")-->
+
+<!-- 레이아웃과 연동될 css 파일 import -->
+<!--%import("css/layout.css")-->
+
+<!-- 메뉴를 미리 javscript object에 등록 (이 부분은 그냥 그대로 두면 됨) -->
+<script type="text/javascript">
+xe_layout_menu['main_menu'] = new Array();
+xe_layout_menu['main_menu'][1] = new Array();
+<!--@foreach($main_menu->list as $first_key => $first_menu)-->
+xe_layout_menu['main_menu'][1][{$first_key}] = { "text":"{htmlspecialchars($first_menu['text'])}","href":"{htmlspecialchars($first_menu['href'])}","open_window":"{$first_menu['open_window']}","normal_btn":"{$first_menu['normal_btn']}","hover_btn":"{$first_menu['hover_btn']}","active_btn":"{$first_menu['active_btn']}","className":"first_menu", "selectedClassName":"first_menu_selected", "selected":{$first_menu['selected']?'true':'false'}};
+<!--@if($first_menu['selected'])-->
+xe_layout_menu['main_menu'][2] = new Array();
+<!--@foreach($first_menu['list'] as $second_key => $second_menu)-->
+xe_layout_menu['main_menu'][2][{$second_key}] = { "text":"{htmlspecialchars($second_menu['text'])}","href":"{htmlspecialchars($second_menu['href'])}","open_window":"{$second_menu['open_window']}","normal_btn":"{$second_menu['normal_btn']}","hover_btn":"{$second_menu['hover_btn']}","active_btn":"{$second_menu['active_btn']}","className":"second_menu", "selectedClassName":"second_menu_selected", "selected":{$second_menu['selected']?'true':'false'}};
+<!--@if($second_menu['selected'])-->
+xe_layout_menu['main_menu'][3] = new Array();
+<!--@foreach($second_menu['list'] as $third_key => $third_menu)-->
+xe_layout_menu['main_menu'][3][{$third_key}] = { "text":"{htmlspecialchars($third_menu['text'])}","href":"{htmlspecialchars($third_menu['href'])}","open_window":"{$third_menu['open_window']}","normal_btn":"{$third_menu['normal_btn']}","hover_btn":"{$third_menu['hover_btn']}","active_btn":"{$third_menu['active_btn']}","className":"third_menu", "selectedClassName":"third_menu_selected", "selected":{$third_menu['selected']?'true':'false'}};
+<!--@end-->
+<!--@end-->
+<!--@end-->
+<!--@end-->
+<!--@end-->
+xe_layout_menu['bottom_menu'] = new Array();
+xe_layout_menu['bottom_menu'][1] = new Array();
+<!--@foreach($bottom_menu->list as $first_menu)-->
+xe_layout_menu['bottom_menu'][1][{$first_key}] = { "text":"{htmlspecialchars($first_menu['text'])}","href":"{htmlspecialchars($first_menu['href'])}","open_window":"{$first_menu['open_window']}","normal_btn":"{$first_menu['normal_btn']}","hover_btn":"{$first_menu['hover_btn']}","active_btn":"{$first_menu['active_btn']}","className":"bottom_menu", "selectedClassName":"bottom_menu_selected", "selected":{$first_menu['selected']?'true':'false'}};
+<!--@end-->
+</script>
+
+<!-- 상단 로고 및 main_menu 1차 출력 -->
+<div class="layout_top">
+    <div class="layout_logo">
+        <a href="{$layout_info->index_url}"><!--@if(!$layout_info->top_title)-->top title<!--@else-->{$layout_info->top_title}<!--@end--></a>
+    </div>
+
+    <div class="layout_first_menu">
+        <!-- main_menu 1차 시작 -->
+        <script type="text/javascript">
+            xe_print_menu('main_menu', 1);
+        </script>
+        <!-- main_menu 1차 끝 -->
+    </div>
+
+</div>
+
+<!-- 왼쪽 2차 메뉴 및 로그인과 기타 위젯 부분 -->
+<div class="layout_left">
+    <!-- 로그인 위젯 -->
+    <img src="./common/tpl/images/blank.gif" class="zbxe_widget_output" widget="login_info" skin="default" colorset="normal" />
+
+    <!-- main_menu 2차 시작 -->
+    <div class="layout_second_menu">
+        <script type="text/javascript">
+            xe_print_menu('main_menu', 2, true);
+        </script>
+    </div>
+
+    <!--@if($grant->is_admin)-->
+    <!-- 관리자일 경우 레이아웃 관리 메뉴 -->
+    <div class="layout_admin">
+        <a href="{getUrl('act','dispLayoutAdminModify','layout_srl',$layout_info->layout_srl)}">{$lang->cmd_layout_management}</a> /
+        <a href="{getUrl('act','dispLayoutAdminEdit','layout_srl',$layout_info->layout_srl)}">{$lang->cmd_edit}</a>
+    </div>
+    <!--@end-->
+</div>
+
+<!-- 컨텐츠 출력 부분 -->
+<div class="layout_content">
+    <div id="content">{$content}</div>
+
+    <!-- bottom_menu 메뉴 시작 -->
+    <div class="layout_bottom">
+        <div class="layout_bottom_menu">
+            <script type="text/javascript">
+                xe_print_menu('bottom_menu', 1);
+            </script>
+        </div>
+    </div>
+
+</div>

layouts/sample_layout_php_menu/conf/info.xml

@@ -0,0 +1,108 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layout version="0.1">
+    <title xml:lang="ko">견본 레이아웃 (PHP 메뉴) </title>
+    <title xml:lang="zh-CN">样本布局 (PHP 菜单) </title>
+    <title xml:lang="en">Sample Layout (Menu in PHP)</title>
+    <title xml:lang="jp">レイアウトサンプル (PHP) </title>
+    <title xml:lang="es">Diseño predeterminado (menú PHP) </title>
+    <author email_address="zero@zeroboard.com" link="http://www.zeroboard.com" date="2007. 2. 28">
+        <name xml:lang="ko">제로</name>
+        <name xml:lang="zh-CN">zero</name>
+        <name xml:lang="en">zero</name>
+        <name xml:lang="jp">Zero</name>
+        <name xml:lang="es">zero</name>
+        <description xml:lang="ko">
+            가장 기본적인 기능으로 이루어진 견본 레이아웃입니다.
+            main_menu, bottom_menu 2개의 메뉴로 구성되어 있으며 각 메뉴의 출력은 php 코드로 하게 됩니다.
+            레이아웃을 만들때 js menu 보다는 복잡하지만 자유도가 높습니다.
+        </description>
+        <description xml:lang="zh-CN">
+            此布局是最基本的功能形成的样本布
+            此布局由 main_menu, bottom_menu 两个菜单构成，每个菜单的呼出方式是利用 PHP 显示。
+            制作布局时候复杂的同时自由度相对提高。
+        </description>
+        <description xml:lang="en">
+            This is a sample layout consists of the most basic features.
+            It has two menues each named 'main_menu' and 'bottom_menu', and they are displayed by using PHP codes.
+            PHP version is more complex to create layouts than with Javascript, but increases the degree of freedom though.
+        </description>
+        <description xml:lang="jp">
+            一番基本的な機能で作られているレイアウト見本です。main_menu, bottom_menu 2個のメニューで構成され、各メニューの出力は php コードになります。 レイアウトを作る時、js menu よりは複雑ですが自由度は高いです。
+        </description>
+        <description xml:lang="es">
+             Es el diseño predeterminado para funciónes basicos. Tiene 2 menús de main_menu, bottom_menu. La salida de cada menu usa las funciónes de PHP. Es dificil de manejar diseño, pero mucho de libertad.
+         </description>
+    </author>
+    <extra_vars>
+        <var name="colorset" type="select">
+            <title xml:lang="ko">컬러셋</title>
+            <title xml:lang="zh-CN">颜色</title>
+            <title xml:lang="en">Colorset</title>
+            <title xml:lang="jp">カラーセット</title>
+            <title xml:lang="es">collección de colores</title>
+            <description xml:lang="ko">원하시는 컬러셋을 선택해주세요.</description>
+            <description xml:lang="zh-CN">请选择颜色。</description>
+            <description xml:lang="en">Please select a colorset you want.</description>
+            <description xml:lang="jp">希望する色を選択してください。</description>
+            <description xml:lang="es">Seleccióne la collección de colores.</description>
+            <options name="red">
+                <title xml:lang="ko">적색</title>
+                <title xml:lang="zh-CN">红色</title>
+                <title xml:lang="en">Red</title>
+                <title xml:lang="jp">赤色</title>
+                <title xml:lang="es">Rojo</title>
+                <value>red</value>
+            </options>
+            <options name="blue">
+                <title xml:lang="ko">청색</title>
+                <title xml:lang="zh-CN">青色</title>
+                <title xml:lang="en">Blue</title>
+                <title xml:lang="jp">青色</title>
+                <title xml:lang="es">Azul</title>
+                <value>blue</value>
+            </options>
+        </var>
+        <var name="top_title" type="text">
+            <title xml:lang="ko">상단 제목</title>
+            <title xml:lang="zh-CN">顶部标题</title>
+            <title xml:lang="en">Title on the top</title>
+            <title xml:lang="jp">上端タイトル</title>
+            <title xml:lang="es">Título</title>
+            <description xml:lang="ko">레이아웃의 상단에 표시할 제목을 입력하세요.</description>
+            <description xml:lang="zh-CN">请输入布局顶部显示的标题。（网站名称）</description>
+            <description xml:lang="en">Please input a title which will be displayed on top of the layout.</description>
+            <description xml:lang="jp">レイアウトの上端に表示するタイトルを入力してください。</description>
+            <description xml:lang="es">Escribe el título para la pagína de web.</description>
+        </var>
+        <var name="index_url" type="text">
+            <title xml:lang="ko">홈 페이지 URL</title>
+            <title xml:lang="zh-CN">网站 URL</title>
+            <title xml:lang="en">Homepage URL</title>
+            <title xml:lang="jp">ホームページ URL</title>
+            <title xml:lang="es">URL de pagína de web</title>
+            <description xml:lang="ko">로고나 제목을 클릭시에 이동할 홈 페이지 URL을 입력해 주세요.</description>
+            <description xml:lang="zh-CN">点击网站LOGO或标题时要移动的页面URL。</description>
+            <description xml:lang="en">Please input a homepage URL, which will be connected when you click.</description>
+            <description xml:lang="jp">ロゴをクリックした時に移動するホームページのURLを入力してください。</description>
+            <description xml:lang="es">Escribe el URL para título.</description>
+        </var>
+    </extra_vars>
+    <menus>
+        <menu name="main_menu" default="true">
+            <title xml:lang="ko">주 메뉴</title>
+            <title xml:lang="zh-CN">主菜单</title>
+            <title xml:lang="en">Main menu</title>
+            <title xml:lang="jp">メインメニュー</title>
+            <title xml:lang="es">menú principal</title>
+            <maxdepth>2</maxdepth>
+        </menu>
+        <menu name="bottom_menu">
+            <title xml:lang="ko">하단 메뉴 </title>
+            <title xml:lang="zh-CN">底部菜单 </title>
+            <title xml:lang="en">Bottom menu</title>
+            <title xml:lang="jp">下端メニュー </title>
+            <title xml:lang="es">sub menú </title>
+            <maxdepth>1</maxdepth>
+        </menu>
+    </menus>
+</layout>

layouts/sample_layout_php_menu/css/layout.css

@@ -0,0 +1,188 @@
+@charset "utf-8";
+
+body {
+    margin:0px;
+    padding:0px;
+}
+
+/**
+ * 레이아웃 style 
+ **/
+
+/**
+ * 상단 로고 및 메인 1차 메뉴 
+ **/
+.layout_top {
+    margin:10px 10px 0px 10px;
+}
+
+/* 상단 로고 부분 */
+.layout_logo A {
+    font-weight:bold;
+    font-size:16pt;
+    color:#888888;
+    text-decoration:none;
+}
+
+/* 상단 1차 메뉴 */
+.layout_first_menu {
+    border-bottom:2px solid #DDDDDD;
+    width:100%;
+    text-align:right;
+    padding:3px 0px 3px 0px;
+}
+
+/**
+ * 좌측 메뉴 및 메인 2차 메뉴, 로그인 위젯 및 기타
+ **/
+.layout_left {
+    width:220px;
+    float:left;
+    margin-top:10px;
+    position:absolute;
+    left:10px;
+}
+
+/* 좌측 2차 메뉴 */
+.layout_second_menu {
+}
+
+/* 좌측 관리자 메뉴 */
+.layout_admin {
+    margin-top:10px;
+    border:3px solid #EEEEEE;
+    padding:5px;
+    text-align:center;
+}
+
+.layout_admin A {
+    color:#AAAAAA;
+    text-decoration:none;
+}
+
+/* 컨텐츠 */
+.layout_content {
+    padding:10px 10px 0px 240px;
+}
+
+#content {
+}
+
+/**
+ * 하단 메뉴 영역 
+ **/
+.layout_bottom {
+    clear:both;
+    margin-top:20px;
+}
+
+/* 하단 메뉴 */
+.layout_bottom_menu {
+    width:100%;
+    text-align:center;
+}
+
+/**
+ * 메뉴 style, main_menu:1~3차, bottom_menu로 구성 
+ **/
+
+/* 1차 메뉴 */
+.first_menu {
+    background-color:#999999;
+    padding:3px 10px 3px 10px;
+    margin-left:5px;
+}
+
+.first_menu A {
+    font-weight:normal;
+    color:#FFFFFF;
+    text-decoration:none;
+}
+
+.first_menu_selected {
+    background-color:#000000;
+    padding:3px 10px 3px 10px;
+    margin-left:5px;
+}
+
+.first_menu_selected A {
+    color:#FFFFFF;
+    font-weight:bold;
+    text-decoration:none;
+}
+
+/* 2차 메뉴 */
+.second_menu {
+    padding:5px 0px 5px 5px;
+    background-color:#AAAAAA;
+    display:block;
+    border-bottom:1px solid #999999;
+}
+
+.second_menu A {
+    color:#FFFFFF;
+    text-decoration:none;
+    font-weight:normal;
+}
+
+.second_menu_selected {
+    padding:5px 0px 5px 5px;
+    background-color:#666666;
+    display:block;
+    border-bottom:1px solid #444444;
+}
+
+.second_menu_selected A {
+    color:#FFFFFF;
+    font-weight:bold;
+    text-decoration:none;
+}
+
+/* 3차 메뉴 */
+.third_menu {
+    padding:5px 0px 5px 20px;
+    border-bottom:1px solid #EEEEEE;
+    display:block;
+}
+
+.third_menu A {
+    color:#000000;
+    text-decoration:none;
+}
+
+.third_menu_selected {
+    padding:5px 0px 5px 20px;
+    border-bottom:1px solid #EEEEEE;
+    font-weight:bold;
+    display:block;
+    background-color:#EFEFEF;
+}
+
+.third_menu_selected A {
+    color:#000000;
+    font-weight:bold;
+    text-decoration:none;
+}
+
+/* 하단 메뉴 */
+.bottom_menu {
+    margin-right:5px;
+    font-weight:normal;
+}
+
+.bottom_menu A {
+    color:#000000;
+    text-decoration:none;
+}
+
+.bottom_menu_selected {
+    margin-right:5px;
+    font-weight:bold;
+}
+
+.bottom_menu_selected A {
+    color:#000000;
+    font-weight:bold;
+    text-decoration:none;
+}
+

layouts/sample_layout_php_menu/layout.html

@@ -0,0 +1,101 @@
+<!-- 레이아웃과 연동될 css 파일 import -->
+<!--%import("css/layout.css")-->
+
+<!-- 상단 로고 및 main_menu 1차 출력 -->
+<div class="layout_top">
+    <div class="layout_logo">
+        <a href="{$layout_info->index_url}"><!--@if(!$layout_info->top_title)-->top title<!--@else-->{$layout_info->top_title}<!--@end--></a>
+    </div>
+
+    <div class="layout_first_menu">
+
+        <!-- main_menu 1차 시작 -->
+        <!--@foreach($main_menu->list as $key => $val)--><!--@if($val['text'])-->
+
+            <!--@if($val['selected'])-->
+                {@ $class_name = 'first_menu_selected'}
+                {@ $second_menu_list = $val['list']}
+            <!--@else-->
+                {@ $class_name = 'first_menu'}
+            <!--@end-->
+
+            <span class="{$class_name}">
+                <a href="{$val['href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['text']}</a>
+            </span>
+
+        <!--@end--><!--@end-->
+        <!-- main_menu 1차 끝 -->
+
+    </div>
+</div>
+
+<!-- 왼쪽 2차 메뉴 및 로그인과 기타 위젯 부분 -->
+<div class="layout_left">
+    <!-- 로그인 위젯 -->
+    <img src="./common/tpl/images/blank.gif" class="zbxe_widget_output" widget="login_info" skin="default" colorset="default" />
+
+    <!-- main_menu 2차 시작 -->
+    <div class="layout_second_menu">
+        <!--@foreach($second_menu_list as $key => $val)--><!--@if($val['text'])-->
+
+            <!--@if($val['selected'])-->
+                {@ $class_name = 'second_menu_selected'}
+            <!--@else-->
+                {@ $class_name = 'second_menu'}
+            <!--@end-->
+
+            <span class="{$class_name}">
+                <a href="{$val['href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['text']}</a>
+            </span>
+
+            <!--@if($val['selected'])-->
+                <!-- main_menu 3차 시작 -->
+                <!--@foreach($val['list'] as $k => $v)--><!--@if($v['text'])-->
+                    <!--@if($v['selected'])-->
+                        {@ $class_name = 'third_menu_selected'}
+                    <!--@else-->
+                        {@ $class_name = 'third_menu'}
+                    <!--@end-->
+
+                    <span class="{$class_name}">
+                        <a href="{$v['href']}" <!--@if($v['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$v['text']}</a>
+                    </span>
+                <!--@end--><!--@end-->
+            <!--@end-->
+
+        <!--@end--><!--@end-->
+        <!-- main_menu 2차 끝 -->
+    </div>
+
+    <!--@if($grant->is_admin)-->
+    <!-- 관리자일 경우 레이아웃 관리 메뉴 -->
+    <div class="layout_admin">
+        <a href="{getUrl('act','dispLayoutAdminModify','layout_srl',$layout_info->layout_srl)}">{$lang->cmd_layout_management}</a> /
+        <a href="{getUrl('act','dispLayoutAdminEdit','layout_srl',$layout_info->layout_srl)}">{$lang->cmd_edit}</a>
+    </div>
+    <!--@end-->
+</div>
+
+<!-- 컨텐츠 출력 부분 -->
+<div class="layout_content">
+    <div id="content">{$content}</div>
+
+    <!-- bottom_menu 메뉴 시작 -->
+    <div class="layout_bottom">
+        <!--@foreach($bottom_menu->list as $key => $val)-->
+
+        <!--@if($val['selected'])-->
+            {@ $class_name = 'bottom_menu_selected'}
+        <!--@else-->
+            {@ $class_name = 'bottom_menu'}
+        <!--@end-->
+
+        <span class="{$class_name}">
+            <a href="{$val['href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['text']}</a>
+        </span>
+
+        <!--@end-->
+    </div>
+
+</div>
+

layouts/xe_official/conf/info.xml

@@ -0,0 +1,124 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layout version="0.1">
+    <title xml:lang="ko">ZBXE 공식 사이트 레이아웃</title>
+    <title xml:lang="jp">ZBXEオフィシャルレイアウト</title>
+    <title xml:lang="en">ZBXE Official website layout</title>
+    <title xml:lang="zh-CN">ZBXE 官方网站布局</title>
+    <author email_address="zero@zeroboard.com" link="http://www.zeroboard.com" date="2007. 8. 1">
+        <name xml:lang="ko">zero</name>
+        <name xml:lang="jp">Zero</name>
+        <name xml:lang="en">zero</name>
+        <name xml:lang="zh-CN">zero</name>
+        <description xml:lang="ko">
+            제로보드XE 공식 사이트 레이아웃입니다.
+            디자인 : 이소라 
+            퍼블리싱 : 정찬명
+            레이아웃 제작 : zero
+        </description>
+        <description xml:lang="jp">
+            ゼロボードXEのオフィシャルサイトのレイアウトです。
+            デザイン：イソラ 
+            パブリシング：ジョンチャンミョン
+            レイアウト作成：Zero
+        </description>
+        <description xml:lang="en">
+            This layout is the ZeroboardXE Official website layout.
+            Designer : So-Ra Lee
+            HTML/CSS : Chan-Myung Jeong
+            Layout producer : zero
+        </description>
+        <description xml:lang="zh-CN">
+            ZBXE 官方网站布局。
+            设计 : So-Ra Lee 
+            HTML/CSS : Chan-Myung Jeong
+            布局 : zero
+        </description>
+    </author>
+    <extra_vars>
+        <var name="colorset" type="select">
+            <title xml:lang="ko">컬러셋</title>
+            <title xml:lang="jp">カラーセット</title>
+            <title xml:lang="zh-CN">颜色</title>
+            <title xml:lang="en">Colorset</title>
+            <title xml:lang="es">colecciónes de colores</title>
+            <description xml:lang="ko">원하시는 컬러셋을 선택해주세요.</description>
+            <description xml:lang="jp">希望する色を選択してください。</description>
+            <description xml:lang="zh-CN">请选择颜色。</description>
+            <description xml:lang="en">Select colorset the colorset you want.</description>
+            <description xml:lang="es">Seleccióne la colección de colores.</description>
+            <options name="default">
+                <title xml:lang="ko">기본</title>
+                <title xml:lang="jp">デフォルト</title>
+                <title xml:lang="en">Basic</title>
+                <title xml:lang="zh-CN">默认</title>
+                <value>default</value>
+            </options>
+            <options name="black">
+                <title xml:lang="ko">검은색</title>
+                <title xml:lang="jp">黒</title>
+                <title xml:lang="en">Black</title>
+                <title xml:lang="zh-CN">黑色</title>
+                <value>black</value>
+            </options>
+            <options name="white">
+                <title xml:lang="ko">하얀색</title>
+                <title xml:lang="jp">白</title>
+                <title xml:lang="en">white</title>
+                <title xml:lang="zh-CN">白色</title>
+                <value>white</value>
+            </options>
+        </var>
+        <var name="logo_image" type="image">
+            <title xml:lang="ko">로고이미지</title>
+            <title xml:lang="jp">ロゴのイメージ</title>
+            <title xml:lang="zh-CN">LOGO图片</title>
+            <title xml:lang="en">Logo image</title>
+            <title xml:lang="es">Imagen de logotipo</title>
+            <description xml:lang="ko">레이아웃의 상단에 표시될 로고이미지를 입력하세요. (세로길이가 100px인 투명이미지가 가장 어울립니다)</description>
+            <description xml:lang="jp">レイアウトの上端に表示されるロゴイメージを入力してください。 (縦幅が100pxである透明イメージが最も合います。)</description>
+            <description xml:lang="zh-CN">请输入显示在布局顶部的LOGO图片。(高度为100px的透明图片为适。)</description>
+            <description xml:lang="en">Please input a logo image which will be displayed on the top of layout. (Transparent image with height of 100px is recommended.)</description>
+            <description xml:lang="es">Cargar archivo para logotipo. (Mejor imagen transparente con altura de 100px)</description>
+        </var>
+        <var name="index_url" type="text">
+            <title xml:lang="ko">홈 페이지 URL</title>
+            <title xml:lang="jp">ホームページ URL</title>
+            <title xml:lang="zh-CN">网站 URL</title>
+            <title xml:lang="en">Homepage URL</title>
+            <title xml:lang="es">URL de logotipo</title>
+            <description xml:lang="ko">로고를 클릭시에 이동할 홈 페이지 URL을 입력해 주세요.</description>
+            <description xml:lang="jp">ロゴをクリックした時に移動するホームページのURLを入力してください。</description>
+            <description xml:lang="zh-CN">点击网站LOGO时要移动的页面URL。</description>
+            <description xml:lang="en">Please input the URL to redirect when user clicks the logo</description>
+            <description xml:lang="ko">Escribe URL para mover cuando los usuarios haga clic en logotipo.</description>
+        </var>
+        <var name="background_image" type="image">
+            <title xml:lang="ko">배경 이미지</title>
+            <title xml:lang="jp">背景イメージ</title>
+            <title xml:lang="zh-CN">背景图片</title>
+            <title xml:lang="en">Background Image</title>
+            <description xml:lang="ko">배경 이미지를 사용하시려면 등록해주세요.</description>
+            <description xml:lang="jp">背景イメージを使う場合は、登録してください。</description>
+            <description xml:lang="zh-CN">要想使用背景图片请在这里上传。</description>
+            <description xml:lang="en">Please input if you want to use background image.</description>
+        </var>
+    </extra_vars>
+    <menus>
+        <menu name="main_menu" default="true">
+            <title xml:lang="ko">상단 메뉴</title>
+            <title xml:lang="jp">上端メニュー</title>
+            <title xml:lang="zh-CN">主菜单</title>
+            <title xml:lang="en">Top menu</title>
+            <title xml:lang="es">Menu Principal</title>
+            <maxdepth>3</maxdepth>
+        </menu>
+        <menu name="bottom_menu">
+            <title xml:lang="ko">하단 메뉴 </title>
+            <title xml:lang="jp">下段メニュー</title>
+            <title xml:lang="zh-CN">底部菜单</title>
+            <title xml:lang="en">Bottom menu</title>
+            <title xml:lang="es">sub menu </title>
+            <maxdepth>1</maxdepth>
+        </menu>
+    </menus>
+</layout>

layouts/xe_official/css/black.css

@@ -0,0 +1,87 @@
+@charset "utf-8";
+/*
+NHN UIT Lab. WebStandardization Team (http://html.nhndesign.com/)
+Jeong, Chan Myeong 070601~070630
+*/
+
+/* Black Skin - Start */
+
+/* Site Layout - Body Wrap */
+body { background:#3d3d3d url(../images/black/bgBody.gif) repeat-x;}
+#bodyWrap { position:relative; width:980px; margin:0 auto; padding:1.5em 0 0 0;}
+
+/* Site Layout - Header */
+#header { position:relative; width:980px; height:120px; background:url(../images/black/bgHeader.jpg) no-repeat right top; margin-bottom:10px; z-index:99;}
+#header h1 { position:absolute; top:32px; left:25px;}
+#language { position:absolute; top:18px; right:19px; z-index:100;}
+#language strong { color:#ffffff; font:.75em Tahoma; margin-right:3px;}
+#language a img { vertical-align:-5px;}
+#language ul { position:absolute; top:15px; right:0px; display:none; border:1px solid #282827; background:#3d3d3d;}
+#language ul li { list-style:none; }
+#language ul li a { display:block; width:61px; padding:3px 8px; font:9px Tahoma; color:#cbcbcb; text-decoration:none;}
+#language ul li a:hover { background:#373736;}
+
+#it_search_form { position:absolute; top:50px; right:15px;}
+#it_search_form .input { border:1px solid #bc4032; height:17px; width:120px; color:#888888; font-size:.9em;} 
+#it_search_form .submit_button { width:1px; height:1px; visibility:hidden; }
+
+#gnb { position:absolute; top:82px; left:0; height:38px; overflow:hidden; white-space:nowrap; margin-bottom:10px;}
+#gnb li { list-style:none; float:left; background:url(../images/black/bgGnbVr.gif) no-repeat left center; padding-left:2px; position:relative; left:-2px; white-space:nowrap;}
+#gnb li a { display:block; float:left; padding:13px 15px 0 15px; height:25px; color:#a6a6a6; white-space:nowrap; text-decoration:none; font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
+#gnb li a:hover,
+#gnb li a:focus { color:#ffffff;}
+#gnb li.on a { font-weight:bold; color:#ffffff; background:url(../images/black/bgGnbOn.gif) no-repeat center top;}
+
+#isSearch { position:absolute; top:48px; right:15px; width:214px; text-align:right;}
+#isSearch .searchOrder { display:none;}
+#isSearch .checked { position:absolute; left:0; top:0; text-align:left; display:block; padding:5px 0 0 5px; width:64px; height:14px; background:url(../images/black/bgSearchTerm.gif) no-repeat; font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#ffffff; line-height:normal;}
+#isSearch ul { display:none; position:absolute; left:0; top:18px; padding:2px 0 3px 0; text-align:left; border:1px solid #6e8081; background:#385153;}
+#isSearch ul li { width:67px; height:18px; list-style:none;}
+#isSearch ul li input { display:none;}
+#isSearch ul li label { display:block; padding:4px 0 0 4px; width:63px; height:15px; font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#ffffff;}
+#isSearch ul li label.on { background:#2f4345; }
+#isSearch ul li label:hover,
+#isSearch ul li label:focus { background:#2f4345;}
+#isSearch .inputText { vertical-align:middle; _position:relative; _top:-1px; padding:3px 3px 1px 3px; width:94px; height:15px; color:#ffffff; border:none; background:url(../images/black/bgSearch.gif) no-repeat;}
+#isSearch .inputText:hover,
+#isSearch .inputText:focus { background:url(../images/black/bgSearchOn.gif) no-repeat;}
+*:first-child+html #isSearch .inputText { position:relative; top:-1px;}
+#isSearch .submit { vertical-align:middle; _position:relative; _top:-1px;}
+*:first-child+html #isSearch .submit { position:relative; top:-1px;}
+
+/* Site Layout - Content Body */
+#contentBody { position:relative; width:980px; padding-bottom:30px; overflow:hidden; background:url(../images/black/bgContentBody.gif) repeat-y left top; border-bottom:1px solid #515151;}
+
+/* Site Layout - Column Left */
+#columnLeft { position:relative; width:201px; float:left;}
+#columnLeft .mask { width:201px; height:5px; background:#3d3d3d; display:block;}
+#lnb { border-top:1px solid #515151; padding:4px 5px; width:190px;}
+#lnb li { list-style:none; padding-bottom:4px;}
+#lnb li a { padding:6px 5px 6px 13px; width:170px; display:block; border:1px solid #565655; background:url(../images/black/bgLnbOff.gif) repeat-x; color:#c2c2c2; position:relative; z-index:99; text-decoration:none;}
+#lnb li a:hover,
+#lnb li a:focus { color:#ffffff; background:#e61700; border:1px solid #ff1a00;}
+#lnb li.on a { color:#ffffff; background:#e61700; border:1px solid #ff1a00;}
+#lnb li.on a:hover,
+#lnb li.on a:focus { font-weight:bold;}
+#lnb li ul { display:none; position:relative; width:184px; padding:0 3px; position:relative; border-top:1px solid #3d3d3d; overflow:hidden;}
+#lnb li.on ul { display:block;}
+#lnb li ul li { padding:0; border-top:1px solid #474747; position:relative; top:-1px;}
+#lnb li ul li a { padding:6px 5px 6px 10px; width:169px; color:#818181 !important; border:none; background:none !important; border:none !important;}
+#lnb li ul li a:hover,
+#lnb li ul li a:focus { font-weight:normal !important; color:#de4332 !important;}
+#lnb li.on ul li.on a { color:#ff1a00 !important; font-weight:bold !important; background:url(../images/black/bulletLnb.gif) no-repeat 175px center  !important;}
+
+/* Site Layout - Column Right */
+#columnRight { width:770px; float:right; overflow:hidden;}
+#visualArea { width:770px; height:200px; background:#151514; margin-bottom:2.5em; position:relative; left:-15px; margin-right:-15px; color:#999999;}
+#content { width:100%; overflow:hidden;}
+
+/* Site Layout - Footer */
+#footer { border-top:3px solid #424242; text-align:center; padding:2em 0 4em; clear:both;}
+#footer li { display:inline; padding:0 .6em 0 1em; background:url(../images/black/vrType1.gif) no-repeat left center;}
+#footer li.first-child { background:none;}
+#footer li a { color:#818181; font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
+#footer li address { display:inline; }
+
+/* Black Skin - End */
+

layouts/xe_official/css/default.css

@@ -0,0 +1,87 @@
+@charset "utf-8";
+/*
+NHN UIT Lab. WebStandardization Team (http://html.nhndesign.com/)
+Jeong, Chan Myeong 070601~070630
+*/
+
+/* Default Skin - Start */
+
+/* Site Layout - Body Wrap */
+body { background:url(../images/default/bgBody.gif) repeat-x;}
+#bodyWrap { position:relative; width:980px; margin:0 auto; padding:1.5em 0 0 0;}
+
+/* Site Layout - Header */
+#header { position:relative; width:980px; height:120px; background:url(../images/default/bgHeader.jpg) no-repeat right top; margin-bottom:10px; z-index:99;}
+#header h1 { position:absolute; top:32px; left:25px;}
+#language { position:absolute; top:18px; right:19px; z-index:100;}
+#language strong { color:#ffffff; font:.75em Tahoma; margin-right:3px;}
+#language a img { vertical-align:-5px;}
+#language ul { position:absolute; top:15px; right:0px; display:none; border:1px solid #b23628; background:#de4332;}
+#language ul li { list-style:none; }
+#language ul li a { display:block; width:61px; padding:3px 8px; font:9px Tahoma; color:#ffffff; text-decoration:none;}
+#language ul li a:hover { background:#bc4032;}
+
+#it_search_form { position:absolute; top:50px; right:15px;}
+#it_search_form .input { border:1px solid #bc4032; height:17px; width:120px; color:#888888; font-size:.9em;} 
+#it_search_form .submit_button { width:1px; height:1px; visibility:hidden; }
+
+#gnb { position:absolute; top:82px; left:0; height:38px; overflow:hidden; white-space:nowrap; margin-bottom:10px;}
+#gnb li { float:left; list-style:none; background:url(../images/default/bgGnbVr.gif) no-repeat left center; padding-left:2px; position:relative; left:-2px; white-space:nowrap;}
+#gnb li a { display:block; float:left; padding:13px 15px 0 15px; height:25px; color:#e8e8e8; white-space:nowrap; text-decoration:none; font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
+#gnb li a:hover,
+#gnb li a:focus { color:#ffffff;}
+#gnb li.on a { font-weight:bold; color:#ffffff; background:url(../images/default/bgGnbOn.gif) no-repeat center top;}
+
+#isSearch { position:absolute; top:48px; right:15px; width:214px; text-align:right;}
+#isSearch .searchOrder { display:none;}
+#isSearch .checked { position:absolute; left:0; top:0; text-align:left; display:block; padding:5px 0 0 5px; width:64px; height:14px; background:url(../images/default/bgSearchTerm.gif) no-repeat; font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#ffffff; line-height:normal;}
+#isSearch ul { display:none; position:absolute; left:0; top:18px; padding:2px 0 3px 0; text-align:left; border:1px solid #919898; background:#536c6d;}
+#isSearch ul li { width:67px; height:18px; list-style:none; }
+#isSearch ul li input { display:none;}
+#isSearch ul li label { display:block; padding:4px 0 0 4px; width:63px; height:15px; font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#ffffff;}
+#isSearch ul li label.on { background:#455a5b; }
+#isSearch ul li label:hover,
+#isSearch ul li label:focus { background:#455a5b;}
+#isSearch .inputText { vertical-align:middle; _position:relative; _top:-1px; padding:3px 3px 1px 3px; width:94px; height:15px; color:#ffffff; border:none; background:url(../images/default/bgSearch.gif) no-repeat;}
+#isSearch .inputText:hover,
+#isSearch .inputText:focus { background:url(../images/default/bgSearchOn.gif) no-repeat;}
+*:first-child+html body#default #isSearch .inputText { position:relative; top:-1px;}
+#isSearch .submit { vertical-align:middle; _position:relative; _top:-1px;}
+*:first-child+html body#default #isSearch .submit { position:relative; top:-1px;}
+
+/* Site Layout - Content Body */
+#contentBody { position:relative; width:980px; padding-bottom:30px; overflow:hidden; background:url(../images/default/bgContentBody.gif) repeat-y left top; border-bottom:1px solid #dddddd;}
+
+/* Site Layout - Column Left */
+#columnLeft { position:relative; width:201px; float:left;}
+#columnLeft .mask { width:201px; height:5px; background:#ffffff; display:block;}
+
+#lnb { border-top:1px solid #dddddd; padding:4px 5px; width:190px;}
+#lnb li { padding-bottom:4px;}
+#lnb li a { padding:6px 5px 6px 13px; width:170px; display:block; border:1px solid #e8e8e8; background:url(../images/default/bgLnbOff.gif) repeat-x; color:#3e3e3e; position:relative; z-index:99; text-decoration:none;}
+#lnb li a:hover,
+#lnb li a:focus { color:#ffffff; background:#de4332; border:1px solid #de4332;}
+#lnb li.on a { color:#ffffff; background:#de4332; border:1px solid #de4332;}
+#lnb li.on a:hover,
+#lnb li.on a:focus { font-weight:bold;}
+#lnb li ul { display:none; position:relative; width:184px; padding:0 3px; position:relative; border-top:1px solid #ffffff; overflow:hidden;}
+#lnb li.on ul { display:block;}
+#lnb li ul li { padding:0; border-top:1px solid #f2f2f2; position:relative; top:-1px;}
+#lnb li ul li a { padding:6px 5px 6px 10px; width:169px; color:#818181 !important; border:none; background:none !important; border:none !important;}
+#lnb li ul li a:hover,
+#lnb li ul li a:focus { font-weight:normal !important; color:#de4332 !important;}
+#lnb li.on ul li.on a { color:#ff1a00 !important; font-weight:bold !important; background:url(../images/default/bulletLnb.gif) no-repeat 175px center  !important;}
+
+/* Site Layout - Column Right */
+#columnRight { width:770px; float:right; overflow:hidden;}
+#visualArea { width:770px; height:200px; background:#f5f5f5; margin-bottom:2.5em; position:relative; left:-15px; margin-right:-15px;}
+#content { width:100%; overflow:hidden;}
+
+/* Site Layout - Footer */
+#footer { border-top:3px solid #f4f4f4; text-align:center; padding:2em 0 4em; clear:both;}
+#footer li { display:inline; padding:0 .6em 0 1em; background:url(../images/default/vrType1.gif) no-repeat left center;}
+#footer li.first-child { background:none;}
+#footer li a { color:#999999; font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
+#footer li address { display:inline; }
+
+/* Default Skin - End */

layouts/xe_official/css/white.css

@@ -0,0 +1,87 @@
+@charset "utf-8";
+/*
+NHN UIT Lab. WebStandardization Team (http://html.nhndesign.com/)
+Jeong, Chan Myeong 070601~070630
+*/
+
+/* White Skin - Start */
+
+/* Site Layout - Body Wrap */
+body { background:#ffffff;}
+#bodyWrap { position:relative; width:980px; margin:0 auto; padding:1.5em 0 0 0;}
+
+/* Site Layout - Header */
+#header { position:relative; width:978px; height:114px; border-top:6px solid #323232; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; background:url(../images/white/bgHeader.png) no-repeat right bottom; margin-bottom:10px; z-index:99;}
+#header h1 { position:absolute; top:26px; left:25px;}
+#language { position:absolute; top:12px; right:19px; z-index:100;}
+#language strong { color:#5c5c5c; font:.75em Tahoma; margin-right:3px;}
+#language a img { vertical-align:-5px;}
+#language ul { position:absolute; top:15px; right:0px; display:none; border:1px solid #d9d9d9; background:#ffffff;}
+#language ul li { list-style:none; }
+#language ul li a { display:block; width:61px; padding:3px 8px; font:9px Tahoma; color:#5c5c5c; text-decoration:none;}
+#language ul li a:hover { background:#f4f4f4;}
+
+#it_search_form { position:absolute; top:50px; right:15px;}
+#it_search_form .input { border:1px solid #d9d9d9; height:17px; width:120px; color:#888888; font-size:.9em;}
+#it_search_form .submit_button { width:1px; height:1px; visibility:hidden; }
+
+#gnb { position:absolute; top:76px; left:0; height:38px; overflow:hidden; white-space:nowrap; margin-bottom:10px;}
+#gnb li { list-style:none; float:left; background:url(../images/white/bgGnbVr.gif) no-repeat left center; padding-left:2px; position:relative; left:-2px; white-space:nowrap;}
+#gnb li a { display:block; float:left; padding:13px 15px 0 15px; height:25px; color:#727272; white-space:nowrap; text-decoration:none; font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
+#gnb li a:hover,
+#gnb li a:focus { color:#000000;}
+#gnb li.on a { font-weight:bold; color:#3f3f3f; background:url(../images/white/bgGnbOn.gif) no-repeat center top;}
+
+#isSearch { position:absolute; top:48px; right:15px; width:214px; text-align:right;}
+#isSearch .searchOrder { display:none;}
+#isSearch .checked { position:absolute; left:0; top:0; text-align:left; display:block; padding:5px 0 0 5px; width:64px; height:14px; background:url(../images/white/bgSearchTerm.gif) no-repeat; font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#5c5c5c; line-height:normal;}
+#isSearch ul { display:none; position:absolute; left:0; top:18px; padding:2px 0 3px 0; text-align:left; border:1px solid #b2b2b2; background:#ffffff; overflow:hidden;}
+#isSearch ul li { width:67px; height:18px; list-style:none;}
+#isSearch ul li input { display:none;}
+#isSearch ul li label { display:block; padding:4px 0 0 4px; width:63px; height:15px; font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#5c5c5c;}
+#isSearch ul li label.on { background:#ededed; }
+#isSearch ul li label:hover,
+#isSearch ul li label:focus { background:#ededed;}
+#isSearch .inputText { vertical-align:middle; _position:relative; _top:-1px; padding:3px 3px 1px 3px; width:94px; height:15px; color:#5c5c5c; border:none; background:url(../images/white/bgSearch.gif) no-repeat;}
+#isSearch .inputText:hover,
+#isSearch .inputText:focus { background:url(../images/white/bgSearchOn.gif) no-repeat;}
+*:first-child+html #isSearch .inputText { position:relative; top:-1px;}
+#isSearch .submit { vertical-align:middle; _position:relative; _top:-1px;}
+*:first-child+html #isSearch .submit { position:relative; top:-1px;}
+
+/* Site Layout - Content Body */
+#contentBody { position:relative; width:980px; padding-bottom:30px; overflow:hidden; background:url(../images/white/bgContentBody.gif) repeat-y left top; border-bottom:1px solid #dddddd;}
+
+/* Site Layout - Column Left */
+#columnLeft { position:relative; width:201px; float:left;}
+#columnLeft .mask { width:201px; height:5px; background:#ffffff; display:block;}
+
+#lnb { border-top:1px solid #dddddd; padding:4px 5px; width:190px;}
+#lnb li { list-style:none; padding-bottom:4px;}
+#lnb li a { padding:6px 5px 6px 13px; width:170px; display:block; border:1px solid #e8e8e8; background:url(../images/white/bgLnbOff.gif) repeat-x; color:#3e3e3e; position:relative; z-index:99; text-decoration:none;}
+#lnb li a:hover,
+#lnb li a:focus { color:#ffffff; background:#de4332; border:1px solid #de4332;}
+#lnb li.on a { color:#ffffff; background:#de4332; border:1px solid #de4332;}
+#lnb li.on a:hover,
+#lnb li.on a:focus { font-weight:bold;}
+#lnb li ul { display:none; position:relative; width:184px; padding:0 3px; position:relative; border-top:1px solid #ffffff; overflow:hidden;}
+#lnb li.on ul { display:block;}
+#lnb li ul li { padding:0; border-top:1px solid #f2f2f2; position:relative; top:-1px;}
+#lnb li ul li a { padding:6px 5px 6px 10px; width:169px; color:#818181 !important; border:none; background:none !important; border:none !important;}
+#lnb li ul li a:hover,
+#lnb li ul li a:focus { font-weight:normal !important; color:#de4332 !important;}
+#lnb li.on ul li.on a { color:#ff1a00 !important; font-weight:bold !important; background:url(../images/white/bulletLnb.gif) no-repeat 175px center  !important;}
+
+/* Site Layout - Column Right */
+#columnRight { width:770px; float:right; overflow:hidden;}
+#visualArea { width:770px; height:200px; background:#f5f5f5; margin-bottom:2.5em; position:relative; left:-15px; margin-right:-15px;}
+#content { width:100%; overflow:hidden;}
+
+/* Site Layout - Footer */
+#footer { border-top:3px solid #f4f4f4; text-align:center; padding:2em 0 4em; clear:both;}
+#footer li { display:inline; padding:0 .6em 0 1em; background:url(../images/white/vrType1.gif) no-repeat left center;}
+#footer li.first-child { background:none;}
+#footer li a { color:#999999; font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
+#footer li address { display:inline; }
+
+/* White Skin - End */

layouts/xe_official/js/xe_official.js

@@ -0,0 +1,36 @@
+// Hide And Show Toggle
+var cc=0
+function hideShow(id) {
+    if (cc==0) {
+        cc=1
+        document.getElementById(id).style.display="none";
+    } else {
+        cc=0
+        document.getElementById(id).style.display="block";
+    }
+}
+
+// Show And Hide Toggle
+var cc=0
+function showHide(id) {
+    if (cc==0) {
+        cc=1
+        document.getElementById(id).style.display="block";
+    } else {
+        cc=0
+        document.getElementById(id).style.display="none";
+    }
+}
+
+// Local Navigation Toggle
+function lnbToggle(id) {
+	for(num=1; num<=3; num++) document.getElementById('D3MG'+num).style.display='none'; //D4MG1~D4MG3 까지 숨긴 다음
+	document.getElementById(id).style.display='block'; //해당 ID만 보임
+}
+
+// IS
+function chkIsKind(key, value) {
+    showHide('selectOrder');
+    xGetElementById('search_target'+key).checked = true;
+    xInnerHtml('search_target_label', value);
+}

layouts/xe_official/layout.html

@@ -0,0 +1,127 @@
+<!-- js 파일 import -->
+<!--%import("js/xe_official.js")-->
+
+<!-- 레이아웃과 연동될 css 파일 import -->
+<!--@if($layout_info->colorset == "white")-->
+    <!--%import("css/white.css")-->
+<!--@elseif($layout_info->colorset == "black")-->
+    <!--%import("css/black.css")-->
+<!--@else-->
+    <!--%import("css/default.css")-->
+<!--@end-->
+
+<!--@if($layout_info->background_image)-->
+<style type="text/css">
+    body {  background-repeat:repeat-x; background-image:url({getUrl()}{$layout_info->background_image}); }       
+</style>
+<!--@end-->
+
+<div id="bodyWrap">
+	<div id="header">
+		<h1><a href="{$layout_info->index_url}"><!--@if(!$layout_info->logo_image)--><img src="./images/{$layout_info->colorset}/zeroBoardXE.png" alt="ZeroBoard™  XE" class="iePngFix" /><!--@else--><img src="{$layout_info->logo_image}" alt="logo" border="0" class="iePngFix" /><!--@end--></a></h1>
+
+		<div id="language">
+			<strong title="{$lang_type}">{$lang_type}</strong> <a href="#selectLang" onclick="showHide('selectLang');return false;"><img src="./images/{$layout_info->colorset}/buttonLang.gif" alt="Select Language" width="87" height="15" /></a>
+			<ul id="selectLang">
+                <!--@foreach($lang_supported as $val)--><!--@if($val != $lang_type)-->
+				<li><a href="#" onclick="doChangeLangType('{$val}');return false;">{$val}</a></li>
+                <!--@end--><!--@end-->
+			</ul>
+		</div>
+
+		<!--GNB-->
+		<ul id="gnb">
+            <!-- main_menu 1차 시작 -->
+            <!--@foreach($main_menu->list as $key => $val)--><!--@if($val['text'])-->
+                <!--@if($val['selected'])-->
+                    {@ $menu_1st = $val }
+                <!--@end-->
+
+                <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></li>
+
+            <!--@end--><!--@end-->
+            <!-- main_menu 1차 끝 -->
+		</ul>
+		<!--//GNB-->
+
+		<form action="{getUrl()}" method="post" id="isSearch">
+            <input type="hidden" name="mid" value="{$mid}" />
+            <input type="hidden" name="act" value="IS" />
+
+			<input name="search_target" type="radio" value="title" id="search_target" class="searchOrder" checked="checked" title="search option" />
+			<label for="search_target" class="checked" id="search_target_label" onclick="showHide('selectOrder'); return false">{$lang->title}</label>
+			<ul id="selectOrder">
+				<li>
+					<input type="radio" name="search_target" value="title" id="search_target1" />
+					<label for="search_target1" onclick="chkIsKind(1, '{$lang->title}'); return false;" onmouseover="this.className='on'" onmouseout="this.style.background='none'">{$lang->title}</label>
+				</li>
+				<li>
+					<input type="radio" name="search_target" value="content" id="search_target2" />
+					<label for="search_target2" onclick="chkIsKind(2, '{$lang->content}'); return false;" onmouseover="this.className='on'" onmouseout="this.style.background='none'">{$lang->content}</label>
+				</li>
+				<li>
+					<input type="radio" name="search_target" value="title_content" id="search_target3" />
+					<label for="search_target3" onclick="chkIsKind(3, '{$lang->title}+{$lang->content}'); return false;" onmouseover="this.className='on'" onmouseout="this.style.background='none'">{$lang->title}+{$lang->content}</label>
+				</li>
+                <!--
+				<li>
+					<input type="radio" name="search_target" value="comment" id="search_target4" />
+					<label for="search_target4" onclick="chkIsKind(4, '{$lang->comment}'); return false;" onmouseover="this.className='on'" onmouseout="this.style.background='none'">{$lang->comment}</label>
+				</li>
+                -->
+			</ul>
+			<input name="is_keyword" type="text" class="inputText" title="keyword" />
+
+			<input type="image" src="./images/{$layout_info->colorset}/buttonSearch.gif" alt="{$lang->cmd_search}" class="submit" />
+		</form>
+
+	</div>
+	<div id="contentBody">
+		<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-->
+
+		</div>
+		<div id="columnRight">
+            <!-- 컨텐츠 시작 -->
+            {$content}
+
+		</div>
+	</div>
+	<ul id="footer">
+		<li class="first-child">
+			<address>
+			<a href="http://www.zeroboard.com" onclick="window.open(this.href);return false;"><img src="./images/{$layout_info->colorset}/powerdByZeroboard.gif" alt="Powered By ZeroBoard" width="106" height="5" /></a>
+			</address>
+
+		</li>
+
+        <!--@foreach($bottom_menu->list as $key => $val)-->
+		<li><a href="{$val['href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['text']}</a></li>
+        <!--@end-->
+	</ul>
+</div>