From 7e130936a98857a89faef5b2565e441b476b3b0a Mon Sep 17 00:00:00 2001
From: zero <skklove@gmail.com>
Date: Wed, 27 Jun 2007 04:59:47 +0000
Subject: [PATCH] git-svn-id: http://xe-core.googlecode.com/svn/trunk@1790
 201d5d3c-b55e-5fd7-737f-ddc643e51545

---
 layouts/zb5_site/conf/info.xml  |  44 ++++++++
 layouts/zb5_site/css/layout.css | 188 ++++++++++++++++++++++++++++++++
 layouts/zb5_site/layout.html    | 101 +++++++++++++++++
 3 files changed, 333 insertions(+)
 create mode 100644 layouts/zb5_site/conf/info.xml
 create mode 100644 layouts/zb5_site/css/layout.css
 create mode 100644 layouts/zb5_site/layout.html

diff --git a/layouts/zb5_site/conf/info.xml b/layouts/zb5_site/conf/info.xml
new file mode 100644
index 000000000..7946afeac
--- /dev/null
+++ b/layouts/zb5_site/conf/info.xml
@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layout version="0.1">
+    <title xml:lang="ko">견본 레이아웃 (PHP 메뉴) </title>
+    <author email_address="zero@zeroboard.com" link="http://www.zeroboard.com" date="2007. 2. 28">
+        <name xml:lang="ko">제로</name>
+        <description xml:lang="ko">
+            가장 기본적인 기능으로 이루어진 견본 레이아웃입니다.
+            main_menu, bottom_menu 2개의 메뉴로 구성되어 있으며 각 메뉴의 출력은 php 코드로 하게 됩니다.
+            레이아웃을 만들때 js menu 보다는 복잡하지만 자유도가 높습니다.
+        </description>
+    </author>
+    <extra_vars>
+        <var name="colorset" type="select">
+            <title xml:lang="ko">컬러셋</title>
+            <description xml:lang="ko">원하시는 컬러셋을 선택해주세요.</description>
+            <options name="red">
+                <title xml:lang="ko">적색</title>
+                <value>red</value>
+            </options>
+            <options name="blue">
+                <title xml:lang="ko">청색</title>
+                <value>blue</value>
+            </options>
+        </var>
+        <var name="top_title" type="text">
+            <title xml:lang="ko">상단 제목</title>
+            <description xml:lang="ko">레이아웃의 상단에 표시할 제목을 입력하세요.</description>
+        </var>
+        <var name="index_url" type="text">
+            <title xml:lang="ko">홈 페이지 URL</title>
+            <description xml:lang="ko">로고나 제목을 클릭시에 이동할 홈 페이지 URL을 입력해 주세요.</description>
+        </var>
+    </extra_vars>
+    <menus>
+        <menu name="main_menu" default="true">
+            <title xml:lang="ko">주 메뉴</title>
+            <maxdepth>2</maxdepth>
+        </menu>
+        <menu name="bottom_menu">
+            <title xml:lang="ko">하단 메뉴 </title>
+            <maxdepth>1</maxdepth>
+        </menu>
+    </menus>
+</layout>
diff --git a/layouts/zb5_site/css/layout.css b/layouts/zb5_site/css/layout.css
new file mode 100644
index 000000000..909ce6887
--- /dev/null
+++ b/layouts/zb5_site/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;
+}
+
diff --git a/layouts/zb5_site/layout.html b/layouts/zb5_site/layout.html
new file mode 100644
index 000000000..70deda735
--- /dev/null
+++ b/layouts/zb5_site/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="#" onclick="return move_url('{$val['href']}','{$val['open_window']}');">{$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="#" onclick="return move_url('{$val['href']}','{$val['open_window']}');">{$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="#" onclick="return move_url('{$v['href']}','{$v['open_window']}');">{$v['text']}</a>
+                    </span>
+                <!--@end--><!--@end-->
+            <!--@end-->
+
+        <!--@end--><!--@end-->
+        <!-- main_menu 2차 끝 -->
+    </div>
+
+    <!--@if($grant->is_admin)-->
+    <!-- 관리자일 경우 레이아웃 관리 메뉴 -->
+    <div class="layout_admin">
+        <a href="#" onclick="location.href='{getUrl('act','dispLayoutAdminModify','layout_srl',$layout_info->layout_srl)}';return false;">{$lang->cmd_layout_management}</a> /
+        <a href="#" onclick="location.href='{getUrl('act','dispLayoutAdminEdit','layout_srl',$layout_info->layout_srl)}';return false;">{$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="#" onclick="return move_url('{$val['href']}','{$val['open_window']}');">{$val['text']}</a>
+        </span>
+
+        <!--@end-->
+    </div>
+
+</div>
+