사용자: 설문조사 결과 그래프까지 작업

css/def.css

@@ -124,6 +124,19 @@ h6 {margin:0 0 20px}
 #poll footer {padding:10px;border-top:1px solid #efeada;text-align:center}
 #poll footer input {padding:0 15px;height:24px;border:0;background:#333;color:#fff;font-size:0.9em;letter-spacing:-0.1em;vertical-align:top}
 #poll footer a {display:inline-block;padding:0 5px;height:22px;border:1px solid #b7b7b7;background:#fff;color:#000;font-size:0.9em;vertical-align:top;text-decoration:none;letter-spacing:-0.1em;line-height:2.1em}
+/* 설문조사 결과 (새창) */
+#poll_result section {margin:0 auto;padding:10px;width:90%}
+#poll_result h2 {font-size:1em}
+#poll_result_list {border:1px solid #ddd;background:#f7f7f7}
+#poll_result_list h2 {padding:10px 0 0;text-align:center}
+#poll_result_list dl,
+#poll_result_list dt,
+#poll_result_list dd {margin:0;padding:0}
+#poll_result_list dt {text-align:center}
+#poll_result_list p {position:relative;margin-bottom:0}
+#poll_result_list p span {position:absolute;top:5px;right:5%}
+.poll_result_graph {position:relative;margin-right:5%;height:10px;background:#ddd}
+.poll_result_graph span {position:absolute;top:0;left:0;height:100%;background:#ff7200}
 
 /* 레이아웃 중간 */
 #wrapper {z-index:2;clear:both;position:relative;margin-right:270px;padding-left:50px;min-height:520px;height:auto !important;height:520px}
@@ -208,6 +221,7 @@ h6 {margin:0 0 20px}
 
 /* 새창 공통 */
 .new_win h1 {padding:10px 30px;background:#333;color:#fff;font-size:1.2em}
+.new_win article h1 {background:transparent;color:#000}
 .new_win table {margin:0 auto 30px;width:90%}
 .new_win fieldset {margin:0 auto 30px;width:90%}
 .new_win_ul {margin:-30px 0 20px 0;padding:0 0 0 30px;border-bottom:1px solid #ddd;background:#fff;font-size:0.8em;list-style:none;zoom:1}

skin/poll/neo/poll_result.skin.php

@@ -5,28 +5,32 @@ if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
 <div id="poll_result" class="new_win">
     <h1><?=$g4['title']?></h1>
 
-    <section>
+    <section id="poll_result_list">
         <h2><?=$po_subject?> 결과</h2>
-        <span>전체 <?=$nf_total_po_cnt?>표</span>
+        
-
+        <dl>
-        <ol>
+            <dt><span>전체 <?=$nf_total_po_cnt?>표</span></dt>
-        <? for ($i=1; $i<=count($list); $i++) { ?>
+            <dd>
-            <li>
+                <ol>
-                <p>
+                <? for ($i=1; $i<=count($list); $i++) { ?>
-                    <?=$list[$i][content]?>
+                    <li>
-                    <span><?=$list[$i][cnt]?>표 <?=number_format($list[$i][rate], 1)?>%</span>
+                        <p>
-                </p>
+                            <?=$list[$i][content]?>
-                <div>
+                            <span><?=$list[$i][cnt]?>표 <?=number_format($list[$i][rate], 1)?>%</span>
-                    <span></span>
+                        </p>
-                </div>
+                        <div class="poll_result_graph">
-            </li>
+                            <span style="width:<?=number_format($list[$i][rate], 1)?>%"></span>
-        <? } ?>
+                        </div>
-        </ol>
+                    </li>
+                <? } ?>
+                </ol>
+            </dd>
+        </dl>
     </section>
 
     <? if ($is_etc) { ?>
-    <section>
+    <section id="poll_result_etc">
-        <h2>의견</h2>
+        <h2>설문에 대한 기타의견</h2>
 
         <? if ($member[mb_level] >= $po[po_level]) { ?>
         <form name="fpollresult" method="post" onsubmit="return fpollresult_submit(this);" autocomplete="off">
@@ -40,9 +44,9 @@ if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
                     <input type="hidden" name="pc_name" value="<?=cut_str($member[mb_nick],255)?>">
                     <b><?=$member[mb_nick]?></b>
                 <? } else { ?>
-                    <label for="pc_name">이름</label> <input type='text' id="pc_name" name="pc_name" size="10" required>
+                    <label for="pc_name">이름</label> <input type='text' id="pc_name" name="pc_name" class="required" size="10" required>
                 <? } ?>
-                <label for="pc_idea">의견</label> <input type="text" id="pc_idea" name="pc_idea" size="55" required maxlength="100">
+                <label for="pc_idea">의견</label> <input type="text" id="pc_idea" name="pc_idea" class="required" size="55" required maxlength="100">
                 <input type="submit" value="의견남기기">
             </fieldset>
         </form>
@@ -72,7 +76,7 @@ if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
     </section>
     <? } ?>
 
-    <section>
+    <section id="poll_result_another">
         <h2>다른 투표 결과 보기</h2>
         <ul>
         <? for ($i=0; $i<count($list3); $i++) { ?><li><a href="./poll_result.php?po_id=<?=$list3[$i][po_id]?>&amp;skin_dir=<?=$skin_dir?>">[<?=$list3[$i][date]?>] <?=$list3[$i][subject]?></a></li><? } ?>