인스톨 페이지 디자인 마크업 수정

2013-12-06 14:39:24 +09:00
parent ad5a5327d6
commit 5277e4b17b
10 changed files with 162 additions and 98 deletions
--- a/common.php
+++ b/common.php
@ -105,24 +105,30 @@ if (file_exists($dbconfig_file)) {
 <head>
 <meta charset="utf-8">
 <title>오류! <?php echo G5_VERSION ?> 설치하기</title>
-<style>
-body {background:#f7f7f2}
-h1 {margin:50px auto 30px;width:540px;color:#ff3061;font-size:1.4em}
-div {margin:0 auto;padding:20px;width:500px;border:1px solid #eee;background:#fff}
-div p {line-height:1.5em}
-div a {display:block;margin:50px auto 10px;width:170px;text-align:center}
-</style>
+<link rel="stylesheet" href="install/install.css">
 </head>
 <body>
-    <h1>오류가 있습니다.</h1>
-    <div>
-        <p>다음 파일을 찾을 수 없습니다.</p>
-        <ul>
-            <li><strong><?php echo G5_DATA_DIR.'/'.G5_DBCONFIG_FILE ?></strong></li>
-        </ul>
-        <p>프로그램 설치 후 실행하시기 바랍니다.</p>
+
+<div id="ins_bar">
+    <span id="bar_img">GNUBOARD5</span>
+    <span id="bar_txt">Message</span>
+</div>
+<h1>그누보드5를 먼저 설치해주십시오.</h1>
+<div class="ins_inner">
+    <p>다음 파일을 찾을 수 없습니다.</p>
+    <ul>
+        <li><strong><?php echo G5_DATA_DIR.'/'.G5_DBCONFIG_FILE ?></strong></li>
+    </ul>
+    <p>그누보드 설치 후 다시 실행하시기 바랍니다.</p>
+    <div class="inner_btn">
        <a href="<?php echo G5_URL; ?>/install/"><?php echo G5_VERSION ?> 설치하기</a>
    </div>
+</div>
+<div id="ins_ft">
+    <strong>GNUBOARD5</strong>
+    <p>GPL! OPEN SOURCE GNUBOARD</p>
+</div>
+
 </body>
 </html>

--- a/install/img/mooning.png
+++ b/install/img/mooning.png
--- a/install/img/pat01.png
+++ b/install/img/pat01.png
--- a/install/img/ricepaper_v3.png
+++ b/install/img/ricepaper_v3.png
--- a/install/index.php
+++ b/install/index.php
@ -1,6 +1,6 @@
 <?php
 include_once ('../config.php');
-$title = G5_VERSION." 설치 3단계 중 1단계 라이센스 확인";
+$title = G5_VERSION." 라이센스 확인 1/3";
 require_once('./library.check.php');
 include_once ('./install.inc.php');
 ?>
@ -8,21 +8,26 @@ include_once ('./install.inc.php');
 <?php
 if ($exists_data_dir && $write_data_dir) {
 ?>
+<form action="./install_config.php" method="post" onsubmit="return frm_submit(this);">
+
+<div class="ins_inner">
    <p>
        <strong class="st_strong">라이센스(License) 내용을 반드시 확인하십시오.</strong><br>
        라이센스에 동의하시는 경우에만 설치가 진행됩니다.
    </p>

-    <textarea name="textarea" id="idx_license" readonly><?php echo implode('', file('../LICENSE.txt')); ?></textarea>
+    <div class="ins_ta ins_license">
+        <textarea name="textarea" id="ins_license" readonly><?php echo implode('', file('../LICENSE.txt')); ?></textarea>
+    </div>

-<form action="./install_config.php" method="post" onsubmit="return frm_submit(this);">
-<div id="idx_agree">
-    <label for="agree">동의합니다.</label>
-    <input type="checkbox" id="agree" name="agree" value="동의함">
-</div>
+    <div id="ins_agree">
+        <label for="agree">동의합니다.</label>
+        <input type="checkbox" name="agree" value="동의함" id="agree">
+    </div>

-<div id="btn_confirm">
-    <input type="submit" value="다음">
+    <div class="inner_btn">
+        <input type="submit" value="다음">
+    </div>
 </div>

 </form>
@ -41,7 +46,6 @@ function frm_submit(f)
 } // if
 ?>

-</div>
-
-</body>
-</html>
+<?php
+include_once ('./install.inc2.php');
+?>
--- a/install/install.css
+++ b/install/install.css
@ -0,0 +1,39 @@
+@charset "utf-8";
+/* SIR 지운아빠 */
+
+/* 공통 */
+body {margin:0;padding:0;background:url('img/pat01.png') #edf0f4;font-size:0.75em;font-family:dotum,helvetica}
+input, img, select, button {font-size:1em;vertical-align:middle}
+label {vertical-align:middle}
+
+#ins_bar {margin:0 0 50px;padding:20px 30px;background:#383838;color:#a1a4a7;font-family:tahoma,helvetica;font-size:1.500em;zoom:1}
+#ins_bar:after {display:block;visibility:hidden;clear:both;content:""}
+#ins_bar #bar_img {float:left}
+#ins_bar #bar_txt {float:right}
+
+h1 {margin:0 0 30px;text-align:center}
+
+.ins_inner {margin:0 30px 50px;padding:20px 30px;border-right:1px solid #dde4e9;border-bottom:1px solid #dde4e9;background:#fff}
+.ins_inner ul {margin:20px 0;padding:0 0 0 13px}
+.ins_inner ol {margin:20px 0;padding:0 0 0 18px}
+.ins_inner ol li {margin:0 0 5px}
+.ins_inner p strong {color:red}
+.ins_inner .inner_btn {margin:30px 0 0;text-align:right}
+.ins_inner .inner_btn a, .ins_inner .inner_btn input {display:inline-block;padding:10px 20px;background:#ff347d;color:#fff;text-decoration:none}
+.ins_inner .inner_btn input {border:0;cursor:pointer}
+
+.ins_frm {margin:0 0 30px;width:100%;border:0;border-collapse:collapse}
+.ins_frm caption {padding:10px 0;font-weight:bold;text-align:left}
+.ins_frm th, .ins_frm td {padding:5px 3px;border-top:1px solid #dde4e9;border-bottom:1px solid #dde4e9}
+.ins_frm th {width:25%;background:#f2f5f9}
+.ins_frm td span {display:block;margin:5px 0 0;font-size:0.917em;letter-spacing:-0.1em}
+
+.ins_ta {padding:5px 0;border:1px solid #dde4e9;text-align:center}
+.ins_ta textarea {border:0;padding:0;width:99%;height:250px;background:transparent}
+.ins_license {background:#f2f5f9}
+
+#ins_ft {color:#a1a4a7;font-family:tahoma,helvetica;text-align:center}
+#ins_ft strong {font-size:1.500em;font-weight:normal}
+
+/* 라이센스 확인 1/3 */
+#ins_agree {padding:10px 0 0;text-align:right}
--- a/install/install.inc.php
+++ b/install/install.inc.php
@ -8,44 +8,29 @@ if (!$title) $title = G5_VERSION." 설치";
 <html lang="ko">
 <head>
 <meta charset="utf-8">
-<title><?php echo $title ?></title>
-<style>
-body {margin:0;padding:0;background:#f7f7f7}
-h1 {margin:50px auto 30px;width:540px;font-size:1.4em}
-h2 {font-size:1.2em}
-p {line-height:1.5em}
-table {width:100%;border:0;border-collapse:collapse;border-spacing:0;font-size:0.895em}
-caption {padding:0 0 20px;font-weight:bold;text-align:left}
-th,td {padding:5px;border:0;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
-th {text-align:left}
-td span {display:block;margin:0 0 5px;color:#666;font-size:0.9em}
-
-#wrapper {margin:0 auto 20px;padding:20px;width:500px;border:1px solid #eee;background:#fff}
-
-#idx_license {padding:10px;width:480px;height:300px;border:1px solid #ccc;background:#000;color:#fff}
-#idx_agree {padding:0 20px 20px;font-weight:bold;text-align:center}
-
-#btn_confirm {text-align:center}
-
-.outside {margin:0 auto;padding:20px 0;width:542px}
-.st_strong {color:#ff3061;font-weight:normal}
-</style>
+<title><?php echo $title; ?></title>
+<link rel="stylesheet" href="install.css">
 </head>
 <body>

-<h1><?php echo $title ?></h1>
+<div id="ins_bar">
+    <span id="bar_img">GNUBOARD5</span>
+    <span id="bar_txt">INSTALLATION</span>
+</div>

-<div id="wrapper">
+<h1><?php echo $title ?></h1>

 <?php
 // 파일이 존재한다면 설치할 수 없다.
 $dbconfig_file = $data_path.'/'.G5_DBCONFIG_FILE;
 if (file_exists($dbconfig_file)) {
 ?>
+<div class="ins_inner">
    <p>프로그램이 이미 설치되어 있습니다.<br />새로 설치하시려면 다음 파일을 삭제 하신 후 새로고침 하십시오.</p>
    <ul>
        <li><?php echo $dbconfig_file ?></li>
    </ul>
+</div>
 <?php
    exit;
 }
@ -57,11 +42,15 @@ $exists_data_dir = true;
 if (!is_dir($data_path))
 {
 ?>
-    <p>루트 디렉토리에 아래로 <?php echo G5_DATA_DIR ?> 디렉토리를 생성하여 주십시오.<br />
-    (common.php 파일이 있는곳이 루트 디렉토리 입니다.)<br /><br />
-    $> mkdir <?php echo G5_DATA_DIR ?><br /><br />
-    윈도우의 경우 data 폴더를 하나 생성해 주시기 바랍니다.<br /><br />
-    위 명령 실행후 브라우저를 새로고침 하십시오.</p>
+<div class="ins_inner">
+    <p>
+        루트 디렉토리에 아래로 <?php echo G5_DATA_DIR ?> 디렉토리를 생성하여 주십시오.<br />
+        (common.php 파일이 있는곳이 루트 디렉토리 입니다.)<br /><br />
+        $> mkdir <?php echo G5_DATA_DIR ?><br /><br />
+        윈도우의 경우 data 폴더를 하나 생성해 주시기 바랍니다.<br /><br />
+        위 명령 실행후 브라우저를 새로고침 하십시오.
+    </p>
+</div>
 <?php
    $exists_data_dir = false;
 }
@ -76,9 +65,13 @@ if (strtoupper(substr(PHP_OS, 0, 3)) !== 'WIN') {
        if (!(is_readable($data_path) && is_executable($data_path)))
        {
        ?>
-            <p><?php echo G5_DATA_DIR ?> 디렉토리의 퍼미션을 705로 변경하여 주십시오.<br /><br />
-            $> chmod 705 <?php echo G5_DATA_DIR ?> 또는 chmod uo+rx <?php echo G5_DATA_DIR ?><br /><br />
-            위 명령 실행후 브라우저를 새로고침 하십시오.</p>
+        <div class="ins_inner">
+            <p>
+                <?php echo G5_DATA_DIR ?> 디렉토리의 퍼미션을 705로 변경하여 주십시오.<br /><br />
+                $> chmod 705 <?php echo G5_DATA_DIR ?> 또는 chmod uo+rx <?php echo G5_DATA_DIR ?><br /><br />
+                위 명령 실행후 브라우저를 새로고침 하십시오.
+            </p>
+        </div>
        <?php
            $write_data_dir = false;
        }
@ -86,9 +79,13 @@ if (strtoupper(substr(PHP_OS, 0, 3)) !== 'WIN') {
        if (!(is_readable($data_path) && is_writeable($data_path) && is_executable($data_path)))
        {
        ?>
-            <p><?php echo G5_DATA_DIR ?> 디렉토리의 퍼미션을 707로 변경하여 주십시오.<br /><br />
-            $> chmod 707 <?php echo G5_DATA_DIR ?> 또는 chmod uo+rwx <?php echo G5_DATA_DIR ?><br /><br />
-            위 명령 실행후 브라우저를 새로고침 하십시오.</p>
+        <div class="ins_inner">
+            <p>
+                <?php echo G5_DATA_DIR ?> 디렉토리의 퍼미션을 707로 변경하여 주십시오.<br /><br />
+                $> chmod 707 <?php echo G5_DATA_DIR ?> 또는 chmod uo+rwx <?php echo G5_DATA_DIR ?><br /><br />
+                위 명령 실행후 브라우저를 새로고침 하십시오.
+            </p>
+        </div>
        <?php
            $write_data_dir = false;
        }
--- a/install/install.inc2.php
+++ b/install/install.inc2.php
@ -0,0 +1,7 @@
+<div id="ins_ft">
+    <strong>GNUBOARD5</strong>
+    <p>GPL! OPEN SOURCE GNUBOARD</p>
+</div>
+
+</body>
+</html>
--- a/install/install_config.php
+++ b/install/install_config.php
@ -7,7 +7,7 @@ header('Cache-Control: pre-check=0, post-check=0, max-age=0'); // HTTP/1.1
 header('Pragma: no-cache'); // HTTP/1.0

 include_once ('../config.php');
-$title = G5_VERSION." 설치 3단계 중 2단계 설정";
+$title = G5_VERSION." 초기환경설정 2/3";
 include_once ('./install.inc.php');

 if (isset($_POST['agree']) && $_POST['agree'] != '동의함') {
@ -17,8 +17,11 @@ if (isset($_POST['agree']) && $_POST['agree'] != '동의함') {
 }
 ?>

-    <form id="frm_install" method="post" action="./install_db.php" autocomplete="off" onsubmit="return frm_install_submit(this)">
-    <table style="margin-bottom:30px">
+
+<form id="frm_install" method="post" action="./install_db.php" autocomplete="off" onsubmit="return frm_install_submit(this)">
+
+<div class="ins_inner">
+    <table class="ins_frm">
    <caption>MySQL 정보입력</caption>
    <colgroup>
        <col style="width:150px">
@ -52,14 +55,14 @@ if (isset($_POST['agree']) && $_POST['agree'] != '동의함') {
    <tr>
        <th scope="row"><label for="">TABLE명 접두사</label></th>
        <td>
-            <span>가능한 변경하지 마십시오.</span>
            <input name="table_prefix" type="text" value="g5_" id="table_prefix">
+            <span>가능한 변경하지 마십시오.</span>
        </td>
    </tr>
    </tbody>
    </table>

-    <table border>
+    <table class="ins_frm">
    <caption>최고관리자 정보입력</caption>
    <colgroup>
        <col style="width:150px">
@ -93,15 +96,14 @@ if (isset($_POST['agree']) && $_POST['agree'] != '동의함') {
    </tbody>
    </table>

-</div>
+    <p>
+        <strong class="st_strong">주의! 이미 <?php echo G5_VERSION ?>가 존재한다면 DB 자료가 망실되므로 주의하십시오.</strong><br>
+        주의사항을 이해하고, 새로 설치하시려면 다음을 눌러 설치를 계속하십시오.
+    </p>

-<p class="outside">
-    <strong class="st_strong">주의! 이미 <?php echo G5_VERSION ?>가 존재한다면 DB 자료가 망실되므로 주의하십시오.</strong><br>
-    주의사항을 이해하고, 새로 설치하시려면 다음을 눌러 설치를 계속하십시오.
-</p>
-
-<div id="btn_confirm">
-    <input type="submit" value="다음">
+    <div class="inner_btn">
+        <input type="submit" value="다음">
+    </div>
 </div>

 <script>
@ -147,5 +149,6 @@ function frm_install_submit(f)
 }
 </script>

-</body>
-</html>
+<?php
+include_once ('./install.inc2.php');
+?>
--- a/install/install_db.php
+++ b/install/install_db.php
@ -8,7 +8,7 @@ header('Cache-Control: pre-check=0, post-check=0, max-age=0'); // HTTP/1.1
 header('Pragma: no-cache'); // HTTP/1.0

 include_once ('../config.php');
-$title = G5_VERSION." 설치 3단계 중 3단계 설치 완료";
+$title = G5_VERSION." 설치 완료 3/3";
 include_once ('./install.inc.php');

 //print_r($_POST); exit;
@ -47,9 +47,10 @@ if(version_compare(mysql_get_server_info(), '5.6.6', '>=')  == 1) {
 }
 ?>

-<h2><?php echo G5_VERSION ?> 설치가 시작되었습니다.</h2>
+<div class="ins_inner">
+    <h2><?php echo G5_VERSION ?> 설치가 시작되었습니다.</h2>

-<ol>
+    <ol>
 <?php
 // 테이블 생성 ------------------------------------
 $file = implode('', file('./gnuboard5.sql'));
@ -65,7 +66,7 @@ for ($i=0; $i<count($f); $i++) {
 // 테이블 생성 ------------------------------------
 ?>

-    <li>전체 테이블 생성 완료</li>
+        <li>전체 테이블 생성 완료</li>

 <?php
 $read_point = 0;
@ -155,7 +156,7 @@ $sql = " insert into `{$table_prefix}member`
@mysql_query($sql);
 ?>

-    <li>DB설정 완료</li>
+        <li>DB설정 완료</li>

 <?php
 //-------------------------------------------------------------------------------------------------
@ -177,7 +178,7 @@ for ($i=0; $i<count($dir_arr); $i++) {
 }
 ?>

-    <li>데이터 디렉토리 생성 완료</li>
+        <li>데이터 디렉토리 생성 완료</li>

 <?php
 //-------------------------------------------------------------------------------------------------
@ -226,7 +227,7 @@ fclose($f);
@chmod($file, G5_FILE_PERMISSION);
 ?>

-    <li>DB설정 파일 생성 완료 (<?php echo $file ?>)</li>
+        <li>DB설정 파일 생성 완료 (<?php echo $file ?>)</li>

 <?php
 // data 디렉토리 및 하위 디렉토리에서는 .htaccess .htpasswd .php .phtml .html .htm .inc .cgi .pl 파일을 실행할수 없게함.
@ -241,22 +242,29 @@ fwrite($f, $str);
 fclose($f);
 //-------------------------------------------------------------------------------------------------
 ?>
-</ol>
+    </ol>

-<p class="st_strong">축하합니다. <?php echo G5_VERSION ?> 설치가 완료되었습니다.</p>
-
-<h2>환경설정 변경은 다음의 과정을 따르십시오.</h2>
-
-<ol>
-    <li>메인화면으로 이동</li>
-    <li>관리자 로그인</li>
-    <li>관리자 모드 접속</li>
-    <li>환경설정 메뉴의 기본환경설정 페이지로 이동</li>
-</ol>
+    <p>축하합니다. <?php echo G5_VERSION ?> 설치가 완료되었습니다.</p>

 </div>

-<div id="btn_confirm"><a href="../index.php">메인화면으로 가기</a></div>
+<div class="ins_inner">

-</body>
-</html>
+    <h2>환경설정 변경은 다음의 과정을 따르십시오.</h2>
+
+    <ol>
+        <li>메인화면으로 이동</li>
+        <li>관리자 로그인</li>
+        <li>관리자 모드 접속</li>
+        <li>환경설정 메뉴의 기본환경설정 페이지로 이동</li>
+    </ol>
+
+    <div class="inner_btn">
+        <a href="../index.php">새로운 그누보드5로 이동</a>
+    </div>
+
+</div>
+
+<?php
+include_once ('./install.inc2.php');
+?>