사용자: 설문조사 서식

css/def.css

@@ -10,7 +10,7 @@ table {border-collapse:collapse;border-spacing:0} tfoot td {font-weight:bold;tex
 form, img {border:0}
 input, img {vertical-align:middle}
 input {margin:0;padding:0;font-family:"dotum"}
-p {margin:10px 0;line-height:1.5em}
+p {margin:5px 0;padding:10px 0;line-height:1.5em}
 
 /* 이미지 등비율 리사이징 */
 .img_fix {float:left;width:100%;height:auto}
@@ -47,8 +47,11 @@ p {margin:10px 0;line-height:1.5em}
 #hdsch_stx:focus {background:#434f54;color:#fff}
 #hdsch_submit {position:relative;margin-left:-5px}
 
+/* 사이드 네비게이션: 아웃로그인, 설문조사 등 */
+#snb {position:absolute;top:130px;right:50px;font-family:"dotum"}
+
 /* 아웃로그인 */
-.outlogin {position:absolute;top:130px;right:50px;padding:10px 10px 0;width:178px;border:1px solid #d7d7d7;background:#f8f9fa;font-family:"dotum"}
+.outlogin {margin-bottom:15px;padding:10px 10px 0;width:178px;border:1px solid #d7d7d7;background:#f8f9fa}
 .outlogin h2 {height:0;overflow:hidden}
 /* 로그인 전 */
 #ol_before {font-size:0.7em}
@@ -64,17 +67,25 @@ p {margin:10px 0;line-height:1.5em}
 #ol_mb_id {display:block;width:163px;margin-bottom:3px}
 #ol_mb_pw {display:block;width:100px}
 #auto_login {position:absolute;top:70px;right:65px}
-#auto_login_label {position:absolute;top:71px;right:10px;color:#696969;letter-spacing:-0.1em}
+#auto_login_label {position:absolute;top:71px;right:12px;color:#696969;letter-spacing:-0.1em}
 #ol_before ul {margin:10px 0;zoom:1}
 #ol_before ul:after {display:block;visibility:hidden;clear:both;content:""}
 #ol_before li {float:left;margin-right:5px}
 #ol_before a {color:#696969;text-decoration:none;letter-spacing:-0.1em}
-#ol_submit {position:absolute;top:37px;right:11px;width:60px;height:24px;border:1px solid #b7b7b7;background:#fff;font-size:1em;font-weight:bold;letter-spacing:-0.1em}
+#ol_submit {position:absolute;top:38px;right:12px;width:60px;height:24px;border:1px solid #b7b7b7;background:#fff;font-size:1em;font-weight:bold;letter-spacing:-0.1em}
 /* 로그인 후 */
+#ol_after {padding-bottom:10px}
 
 /* 설문조사 */
-#poll {position:absolute;top:250px;right:50px;width:200px;font-size:0.75em}
+#poll {width:198px;border:1px solid #d7d7d7;font-size:0.75em}
+#poll header {padding:10px 10px 1px;background:#f8f9fa}
 #poll h2 {display:inline-block;font-size:1em}
+#poll p {padding:0}
+#poll ul {margin:10px}
+#poll li {margin:7px 0}
+#poll footer {padding:10px 10px 15px;text-align:center}
+#poll footer input {padding:0 5px;height:24px;border:1px solid #b7b7b7;background:#fff;font-size:0.9em;letter-spacing:-0.1em}
+#poll footer a {display:inline-block;padding:0 5px;height:22px;border:1px solid #b7b7b7;background:#eee;color:#000;font-size:0.9em;vertical-align:middle;text-decoration:none;letter-spacing:-0.1em;line-height:2.1em}
 
 /* 레이아웃 중간 */
 #wrapper {z-index:2;position:relative;margin-right:270px;padding-left:50px;min-height:520px;height:auto !important;height:520px}

head.php

@@ -40,9 +40,10 @@ include_once($g4['path'].'/lib/popular.lib.php');
     </fieldset>
     </form>
 
-    <?=outlogin('neo'); // 외부 로그인 ?>
-
-    <?=poll('neo'); // 설문조사 ?>
+    <div id="snb">
+        <?=outlogin('neo'); // 외부 로그인 ?>
+        <?=poll('neo'); // 설문조사 ?>
+    </div>
 </header>
 
 <? /* ?>

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

@@ -4,14 +4,20 @@ if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
 
 <!-- 로그인 후 외부로그인 시작 -->
 <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>
-    <a href="<?=$g4['bbs_path']?>/member_confirm.php?url=register_form.php">정보수정</a>
-    <a href="javascript:win_memo();">쪽지 <?=$memo_not_read?>통</a>
-    <a href="javascript:win_scrap();">스크랩</a>
-    <a href="<?=$g4['bbs_path']?>/logout.php">로그아웃</a>
+    <header>
+        <h2>나의 회원정보</h2>
+        <?=$nick?>님
+        <? if ($is_admin == 'super' || $is_auth) { ?><a href="<?=$g4['admin_path']?>/">관리자</a><? } ?>
+    </header>
+    <ul>
+        <li><a href="javascript:win_memo();">안 읽은 쪽지 <span><?=$memo_not_read?>통</span></a></li>
+        <li><a href="javascript:win_point();">포인트 <span><?=$point?>점</span></a></li>
+    </ul>
+    <footer>
+        <a href="javascript:win_scrap();">스크랩</a>
+        <a href="<?=$g4['bbs_path']?>/member_confirm.php?url=register_form.php">정보수정</a>
+        <a href="<?=$g4['bbs_path']?>/logout.php">로그아웃</a>
+    </footer>
 </section>
 
 <script>
@@ -19,7 +25,7 @@ if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
 function member_leave() 
 {
     if (confirm("정말 회원에서 탈퇴 하시겠습니까?")) 
-            location.href = "<?=$g4['bbs_path']?>/member_confirm.php?url=member_leave.php";
+        location.href = "<?=$g4['bbs_path']?>/member_confirm.php?url=member_leave.php";
 }
 </script>
 <!-- 로그인 후 외부로그인 끝 -->

skin/poll/neo/poll.skin.php

@@ -18,16 +18,20 @@ $po = sql_fetch(" select * from $g4[poll_table] where po_id = '$po_id' ");
 <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>
-<? for ($i=1; $i<=9 && $po["po_poll{$i}"]; $i++) { ?>
-    <li><input type="radio" name="gb_poll" value="<?=$i?>" id='gb_poll_<?=$i?>'> <label for='gb_poll_<?=$i?>'><?=$po['po_poll'.$i]?></label></li>
-<? } ?>
-</ul>
-<input type="submit" value="투표하기">
-<a href="javascript:;" onclick="poll_result('<?=$po_id?>');">결과보기</a>
+    <header>
+        <h2>설문조사</h2>
+        <? if ($is_admin == "super") { ?><a href="<?=$g4[admin_path]?>/poll_form.php?w=u&amp;po_id=<?=$po_id?>">설문조사 관리</a><? } ?>
+        <p><?=$po['po_subject']?></p>
+    </header>
+    <ul>
+        <? for ($i=1; $i<=9 && $po["po_poll{$i}"]; $i++) { ?>
+        <li><input type="radio" name="gb_poll" value="<?=$i?>" id='gb_poll_<?=$i?>'> <label for='gb_poll_<?=$i?>'><?=$po['po_poll'.$i]?></label></li>
+        <? } ?>
+    </ul>
+    <footer>
+        <input type="submit" value="투표하기">
+        <a href="javascript:;" onclick="poll_result('<?=$po_id?>');">결과보기</a>
+    </footer>
 </section>
 </form>