사용자: 전체레이아웃 작업 중

adm/admin.head.php

@@ -74,7 +74,7 @@ function textarea_size(fld, size)
 
 <header>
 
-    <div><a href="#wrapper" id="skip_to_main">본문 바로가기</a></div>
+    <div id="to_content"><a href="#wrapper">본문 바로가기</a></div>
     <div id="logo"><a href=""><img src="<?=$g4['admin_path']?>/img/logo.png" alt="관리자 메인으로"></a></div>
     <ul id="home_link">
         <li><a href="<?=$g4['path']?>/adm/member_form.php?w=u&amp;mb_id=<?=$member['mb_id']?>">관리자정보수정</a></li>

css/adm.css

@@ -4,14 +4,14 @@
 html, body, h1, h2, h3, h4, h5, h6 {margin:0;padding:0}
 article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {display:block}
 header ul, nav ul {margin:0;padding:0;list-style:none}
-table {border-collapse:collapse;border-spacing:0} tfoot td {text-align:center}
+table {border-collapse:collapse;border-spacing:0} tfoot td {font-weight:bold;text-align:center}
 form, img {border:0}
-img {vertical-align:middle}
+input,img {vertical-align:middle}
 p {margin:10px 0;line-height:1.5em}
 
-/* 내용 건너띄기 */
-#skip_to_main {display:block;position:absolute;top:0;left:0;margin:5px;height:0;text-decoration:none;overflow:hidden}
-#skip_to_main:focus, #skip_to_main:active {height:auto;padding:5px 10px;border:1px solid #000;background:#eee;color:#333;font-size:0.75em;overflow:auto}
+/* 내용 건너뛰기 */
+#to_content a {display:block;position:absolute;top:0;left:0;margin:5px;height:0;text-decoration:none;overflow:hidden}
+#to_content a:focus, #to_content a:active {height:auto;padding:5px 10px;border:1px solid #000;background:#eee;color:#333;font-size:0.75em;overflow:auto}
 
 /* 내용 없는 테이블 */
 .empty_table {padding:200px 0;text-align:center}

css/def.css

@@ -2,11 +2,74 @@
 
 /* 초기화 */
 html, body, h1, h2, h3, h4, h5, h6 {margin:0;padding:0}
-article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {display:block}
+article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
 header ul, nav ul {margin:0;padding:0;list-style:none}
-table {border-collapse:collapse;border-spacing:0} tfoot td {text-align:center}
+table {border-collapse:collapse;border-spacing:0} tfoot td {font-weight:bold;text-align:center}
 form, img {border:0}
-img {vertical-align:middle}
+input, img {vertical-align:middle}
 p {margin:10px 0;line-height:1.5em}
 
-/* 레이아웃 */
+/* 내용 건너뛰기 */
+#to_content a {display:block;position:absolute;top:0;left:0;margin:5px;height:0;text-decoration:none;overflow:hidden}
+#to_content a:focus,
+#to_content a:active {height:auto;padding:5px 10px;border:1px solid #000;background:#333;color:#fff;font-size:0.75em;overflow:auto}
+
+/* 레이아웃 - 상단 */
+#header {z-index:3;position:relative;margin-bottom:30px;height:100px;border-bottom:1px solid #ddd}
+#header h1 {height:0;overflow:hidden}
+
+#logo {position:absolute;top:40px;left:50px}
+
+#tnb {position:absolute;top:53px;left:140px;zoom:1}
+#tnb:after {display:block;visibility:hidden;clear:both;content:""}
+#tnb li {float:left;margin-right:25px}
+#tnb a {color:#333;font-family:"dotum";font-size:0.9em;font-weight:bold;text-decoration:none}
+
+#hdsch {position:absolute;top:47px;right:45px;padding:0;border:0}
+#hdsch legend {height:0;overflow:hidden}
+#hdsch_stx {height:26px;width:168px;border:1px solid #d7d7d7;border-right:0;background:#f8f9fa}
+#hdsch_stx:focus {background:#e7ebee;outline:0}
+#hdsch_submit {position:relative;margin-left:-5px;border:1px solid #d7d7d7;border-left:0}
+
+.outlogin {position:absolute;top:130px;right:50px;font-size:0.75em}
+.outlogin h2 {height:0;overflow:hidden}
+#ol_before fieldset {padding:0;border:0}
+#ol_before legend {height:0;overflow:hidden}
+
+#poll {position:absolute;top:250px;right:50px;font-size:0.75em}
+#poll h2 {display:inline-block;font-size:1em}
+
+/* 레이아웃 중간 */
+#wrapper {z-index:2;position:relative;margin-right:270px;padding-left:50px;min-height:520px;height:auto !important;height:520px}
+
+/* 레이아웃 하단 */
+#footer {z-index:1;position:relative;margin-top:30px;padding:15px 0 20px;border-top:1px solid #ddd;color:#595959;font-size:0.75em}
+#footer h1 {height:0;overflow:hidden}
+#footer section {margin-left:50px}
+#footer h2 {width:100px;color:#000;font-size:1em}
+#footer a {color:#595959;text-decoration:none}
+
+#visit {margin-bottom:10px;zoom:1}
+#visit:after {display:block;visibility:hidden;clear:both;content:""}
+#visit h2 {float:left}
+#visit dl {zoom:1}
+#visit dl:after {display:block;visibility:hidden;clear:both;content:""}
+#visit dt {float:left}
+#visit dd {float:left;margin:0 15px 0 5px;color:#000;font-style:italic}
+
+#current_connect {margin-bottom:10px;zoom:1}
+#current_connect:after {display:block;visibility:hidden;clear:both;content:""}
+#current_connect h2 {float:left}
+
+#popular {margin-bottom:10px;zoom:1}
+#popular:after {display:block;visibility:hidden;clear:both;content:""}
+#popular h2 {float:left}
+#popular ul {list-style:none;zoom:1}
+#popular ul:after {display:block;visibility:hidden;clear:both;content:""}
+#popular li {float:left}
+
+#footer p {position:absolute;top:15px;right:50px}
+
+/* 테이블 */
+table {margin-bottom:10px;width:100%}
+caption {padding:10px 0 15px;text-align:left;font-size:1em;font-weight:bold}

head.php

@@ -11,13 +11,13 @@ include_once($g4['path'].'/lib/popular.lib.php');
 //print_r2(get_defined_constants());
 ?>
 
-<p style="text-align:center">테스트 사이트입니다. 일부 기능은 정상적으로 동작하지 않을 수 있습니다.</p>
-
-<header>
+<header id="header">
     <div id="to_content"><a href="#wrapper">본문 바로가기</a></div>
-    <div id="logo"><a href="<?=$g4['path']?>/">초기화면</a></div>
+    <div id="logo"><a href="<?=$g4['path']?>/"><img src="<?=$g4['path']?>/img/logo.jpg" alt="처음으로"></a></div>
 
-    <ul>
+    <h1><?=$config['cf_title']?></h1>
+
+    <ul id="tnb">
         <? if ($is_member) { ?>
         <li><a href="<?=$g4['bbs_path']?>/logout.php">로그아웃</a></li>
         <li><a href="<?=$g4['bbs_path']?>/member_confirm.php?url=register_form.php">정보수정</a></li>
@@ -26,31 +26,21 @@ include_once($g4['path'].'/lib/popular.lib.php');
         <li><a href="<?=$g4['bbs_path']?>/login.php">로그인</a></li>
         <li><a href="<?=$g4['bbs_path']?>/register.php">회원가입</a></li>
         <? } ?>
+        <li><a href="<?=$g4['bbs_path']?>/current_connect.php">현재접속자</a></li>
         <li><a href="<?=$g4['bbs_path']?>/new.php">최근게시물</a></li>
     </ul>
 
     <form name="fsearchbox" method="get" onsubmit="return fsearchbox_submit(this);">
     <input type="hidden" name="sfl" value="wr_subject||wr_content">
     <input type="hidden" name="sop" value="and">
-    <fieldset>
+    <fieldset id="hdsch">
         <legend>사이트 내 전체검색</legend>
-        <label for="header_stx">검색어</label>
-        <input type="text" id="header_stx" name="stx" maxlength="20">
-        <input type="submit" value="검색">
+        <input type="text" id="hdsch_stx" name="stx" title="검색어" maxlength="20">
+        <input type="image" id="hdsch_submit" src="<?=$g4['path']?>/img/btn_search.jpg" value="검색">
     </fieldset>
     </form>
-    <h1><?=$config['cf_title']?></h1>
-</header>
-
-<div>
     <?=outlogin('neo'); // 외부 로그인 ?>
     <?=poll('neo'); // 설문조사 ?>
-</div>
+</header>
 
-<div id="wrapper">
-    <p>
-        g4s 강좌 홈페이지에 오신 것을 환영합니다.
-    </p>
-    <p>
-        <a href="<?=$g4['path']?>/bbs/board.php?bo_table=1">테스트용 게시판</a>
-    </p>
+<div id="wrapper">

index.php

@@ -6,8 +6,21 @@ $g4['title'] = '';
 include_once('./_head.php');
 ?>
 
-<?=latest("neo",1,5)?>
-<?=latest("neo",1,5)?>
+<!-- 메인화면 최신글 시작 -->
+<?
+//  최신글
+$sql = " select bo_table, bo_subject from $g4[board_table] order by gr_id, bo_table ";
+$result = sql_query($sql);
+for ($i=0; $row=sql_fetch_array($result); $i++) {
+    // 이 함수가 바로 최신글을 추출하는 역할을 합니다.
+    // 스킨은 입력하지 않을 경우 관리자 > 환경설정의 최신글 스킨경로를 기본 스킨으로 합니다.
+
+    // 사용방법
+    // latest(스킨, 게시판아이디, 출력라인, 글자수);
+    echo latest("neo", $row['bo_table'], 10, 70);
+}
+?>
+<!-- 메인화면 최신글 끝 -->
 
 <?
 include_once('./_tail.php');

skin/board/neo/view.skin.php

@@ -5,7 +5,7 @@ if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
 <h1><? if ($is_category) { echo ($category_name ? "[{$view['ca_name']}] " : ""); } ?><?=cut_hangul_last(get_text($view['wr_subject']))?></h1>
 
 <aside>
-    <h2>상단 링크</h2>
+    <h2>게시물 상단 링크</h2>
     <!-- 링크 버튼 -->
     <? if ($update_href || $deleter_href) {?>
     <ul>
@@ -149,7 +149,7 @@ include_once('./view_comment.php');
 ?>
 
 <aside>
-    <h2>하단 링크</h2>
+    <h2>게시물 하단 링크</h2>
     <ul>
         <? if ($prev_href) { ?><li><a href="<?=$prev_href?>">이전</a></li><? } ?>
         <? if ($next_href) { ?><li><a href="<?=$next_href?>">다음</a></li><? } ?>

skin/connect/neo/connect.skin.php

@@ -2,4 +2,7 @@
 if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
 ?>
 
-<div><a href="<?=$g4['bbs_path']?>/current_connect.php">현재접속자 <?=$row['total_cnt']?> 중 회원 <?=$row['mb_cnt']?></a></div>
+<section id="current_connect">
+    <h2>현재접속자</h2>
+    <div><a href="<?=$g4['bbs_path']?>/current_connect.php"><?=$row['total_cnt']?>명 중 회원 <?=$row['mb_cnt']?>명</a></div>
+</section>

skin/outlogin/neo/outlogin.skin.1.php

@@ -25,22 +25,25 @@ else {
 }
 ?>
 
+<section id="ol_before" class="outlogin">
+<h2>사이트 회원</h2>
 <!-- 로그인 전 외부로그인 시작 -->
-<form name="fhead" method="post" onsubmit="return fhead_submit(this);" autocomplete="off">
-<fieldset>
-    <legend>로그인</legend>
-    <input type="hidden" name="url" value="<?=$outlogin_url?>">
-    <label for="mb_id">아이디</label>
-    <input type="text" id="mb_id" name="mb_id" maxlength="20" required>
-    <label for="mb_password">패스워드</label>
-    <input type="password" id="mb_password" name="mb_password" maxlength="20">
-    <input type="checkbox" id="auto_login" name="auto_login" value="1" onclick="if (this.checked) { if (confirm('자동로그인을 사용하시면 다음부터 회원아이디와 패스워드를 입력하실 필요가 없습니다.\n\n\공공장소에서는 개인정보가 유출될 수 있으니 사용을 자제하여 주십시오.\n\n자동로그인을 사용하시겠습니까?')) { this.checked = true; } else { this.checked = false; } }">
-    <label for="auto_login">자동로그인</label>
-    <input type="submit" value="로그인">
-    <a href="javascript:win_password_lost();">아이디/패스워드 찾기</a>
-    <a href="<?=$g4['bbs_path']?>/register.php">회원가입</a>
-</fieldset>
-</form>
+    <form name="fhead" method="post" onsubmit="return fhead_submit(this);" autocomplete="off">
+    <fieldset>
+        <legend>로그인</legend>
+        <input type="hidden" name="url" value="<?=$outlogin_url?>">
+        <label for="mb_id">아이디</label>
+        <input type="text" id="mb_id" name="mb_id" maxlength="20" required>
+        <label for="mb_password">패스워드</label>
+        <input type="password" id="mb_password" name="mb_password" maxlength="20">
+        <input type="checkbox" id="auto_login" name="auto_login" value="1" onclick="if (this.checked) { if (confirm('자동로그인을 사용하시면 다음부터 회원아이디와 패스워드를 입력하실 필요가 없습니다.\n\n\공공장소에서는 개인정보가 유출될 수 있으니 사용을 자제하여 주십시오.\n\n자동로그인을 사용하시겠습니까?')) { this.checked = true; } else { this.checked = false; } }">
+        <label for="auto_login">자동로그인</label>
+        <input type="submit" value="로그인">
+        <a href="javascript:win_password_lost();">아이디/패스워드 찾기</a>
+        <a href="<?=$g4['bbs_path']?>/register.php">회원가입</a>
+    </fieldset>
+    </form>
+</section>
 
 <script src="<?=$g4[path]?>/js/capslock.js"></script>
 <script>

skin/outlogin/neo/outlogin.skin.2.php

@@ -3,8 +3,8 @@ if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
 ?>
 
 <!-- 로그인 후 외부로그인 시작 -->
-<section>
-    <h2>내 정보</h2>
+<section id="ol_after" class="outlogin">
+    <h2>나의 회원정보</h2>
     <?=$nick?>님
     <? if ($is_admin == 'super' || $is_auth) { ?><a href="<?=$g4['admin_path']?>/">관리자</a><? } ?>
     <a href="javascript:win_point();">포인트 : <?=$point?>점</a>

skin/poll/neo/poll.skin.php

@@ -14,11 +14,11 @@ if (!$po_id)
 $po = sql_fetch(" select * from $g4[poll_table] where po_id = '$po_id' ");
 ?>
 
-<section>
-<h2>사이트 설문조사</h2>
 <form name="fpoll" method="post" action="<?=$g4[bbs_path]?>/poll_update.php" onsubmit="return fpoll_submit(this);" target="winPoll">
 <input type="hidden" name="po_id" value="<?=$po_id?>">
 <input type="hidden" name="skin_dir" value="<?=$skin_dir?>">
+<section id="poll">
+<h2>설문조사</h2>
 <? if ($is_admin == "super") { ?><a href="<?=$g4[admin_path]?>/poll_form.php?w=u&amp;po_id=<?=$po_id?>">설문조사 관리</a><? } ?>
 <?=$po['po_subject']?>
 <ul>
@@ -28,6 +28,7 @@ $po = sql_fetch(" select * from $g4[poll_table] where po_id = '$po_id' ");
 </ul>
 <input type="submit" value="투표하기">
 <a href="javascript:;" onclick="poll_result('<?=$po_id?>');">결과보기</a>
+</section>
 </form>
 
 <script>
@@ -64,5 +65,4 @@ function poll_result(po_id)
 
     win_poll("<?=$g4['bbs_path']?>/poll_result.php?po_id="+po_id+"&amp;skin_dir="+document.fpoll.skin_dir.value);
 }
-</script>
-</section>
+</script>

skin/popular/neo/popular.skin.php

@@ -2,8 +2,8 @@
 if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가 
 ?>
 
-<section>
-    <h2>사이트 인기검색어</h2>
+<section id="popular">
+    <h2>인기검색어</h2>
     <ul>
     <? for ($i=0; $i<count($list); $i++) { ?>
         <li><a href="<?=$g4['bbs_path']?>/search.php?sfl=wr_subject&amp;sop=and&amp;stx=<?=urlencode($list[$i]['pp_word'])?>"><?=$list[$i]['pp_word']?></a></li>

skin/visit/neo/visit.skin.php

@@ -4,8 +4,8 @@ if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
 global $is_admin;
 ?>
 
-<section>
-    <h2>방문자</h2>
+<section id="visit">
+    <h2>방문자집계</h2>
     <dl>
         <dt>오늘</dt>
         <dd><?=number_format($visit[1])?></dd>

tail.php

@@ -4,7 +4,7 @@ if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
 
 </div>
 
-<footer>
+<footer id="footer">
     <h1><?=$config['cf_title']?> 정보</h1>
     <?=visit('neo'); // 방문자수 ?>
     <?=connect(); // 현재 접속자수 ?>