사용자: 게시판스킨 전체 스타일 다시 작업 중

This commit is contained in:
whitedot
2013-01-25 11:05:11 +09:00
parent a3d906c3ae
commit 52da376f32
4 changed files with 135 additions and 141 deletions

View File

@ -47,7 +47,7 @@ hr {display:none}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""} #wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#wrapper_title {margin-bottom:20px;font-size:1.2em} #wrapper_title {margin-bottom:20px;font-size:1.2em}
#lnb {float:right;width:220px} #lnb {float:right;width:220px}
#container {float:left;width:730px;zoom:1} #container {float:left;width:729px;zoom:1}
#container:after {display:block;visibility:hidden;clear:both;content:""} #container:after {display:block;visibility:hidden;clear:both;content:""}
/* 하단 레이아웃 */ /* 하단 레이아웃 */
@ -93,7 +93,7 @@ hr {display:none}
.btn_win a {display:inline-block;padding:0 10px;height:28px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:2.5em;cursor:pointer} .btn_win a {display:inline-block;padding:0 10px;height:28px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:2.5em;cursor:pointer}
/* ///// 기본테이블 ///// */ /* ///// 기본테이블 ///// */
table {width:100%;border-collapse:collapse;border-spacing:0} table {margin-bottom:10px;width:100%;border-collapse:collapse;border-spacing:0}
tfoot th {border-top:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9} tfoot th {border-top:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9}
tfoot td {border-color:#c9c9c9;background:#f9f9f5;font-weight:bold;text-align:center} tfoot td {border-color:#c9c9c9;background:#f9f9f5;font-weight:bold;text-align:center}
caption {padding:0 0 10px;text-align:left} caption {padding:0 0 10px;text-align:left}
@ -159,7 +159,7 @@ table a {color:#000;text-decoration:none}
#ol_after_private {margin:7px 0;zoom:1} #ol_after_private {margin:7px 0;zoom:1}
#ol_after_private:after {display:block;visibility:hidden;clear:both;content:""} #ol_after_private:after {display:block;visibility:hidden;clear:both;content:""}
#ol_after_private li {float:left} #ol_after_private li {float:left}
#ol_after_private a {display:block;padding-top:8px;height:37px;background:#f0f0f0;text-align:center} #ol_after_private a {display:block;padding-top:8px;height:37px;background:#f7f7f2;text-align:center}
#ol_after_private a strong {display:block;padding-top:5px;color:#ff4679} #ol_after_private a strong {display:block;padding-top:5px;color:#ff4679}
#ol_after_memo {width:50px;margin-right:1px} #ol_after_memo {width:50px;margin-right:1px}
#ol_after_pt {width:90px;margin-right:1px} #ol_after_pt {width:90px;margin-right:1px}
@ -175,7 +175,7 @@ table a {color:#000;text-decoration:none}
#poll footer {padding:0 14px 14px;text-align:right} #poll footer {padding:0 14px 14px;text-align:right}
/* 최근게시물 스킨 (latest) */ /* 최근게시물 스킨 (latest) */
.lt {float:left;margin-bottom:20px;padding:20px;width:314px;height:149px;border-right:1px solid #ececec;border-bottom:1px solid #ececec;background:#fff} .lt {float:left;margin-bottom:20px;padding:20px;width:313px;height:149px;border-right:1px solid #ececec;border-bottom:1px solid #ececec;background:#fff}
.lt ul {margin:0;padding:0;list-style:none} .lt ul {margin:0;padding:0;list-style:none}
.lt li {padding:3px 0} .lt li {padding:3px 0}
.lt a {color:#000;text-decoration:none} .lt a {color:#000;text-decoration:none}
@ -246,60 +246,56 @@ table a {color:#000;text-decoration:none}
/* 게시판 읽기 */ /* 게시판 읽기 */
#bo_v_title {} #bo_v_title {}
#bo_v {position:relative;margin-bottom:30px;border-top:3px solid #666;border-bottom:1px solid #ccc;zoom:1} #bo_v {position:relative;margin-bottom:30px;border-top:2px solid #666;border-right:1px solid #eee;border-bottom:1px solid #eee;background:#fff}
#bo_v_h1 {margin:0 0 10px !important;padding:15px 10px 0 10px} #bo_v_h1 {margin:0 0 10px !important;padding:15px 20px 0;font-size:1.2em}
#bo_v_info {padding:0 0 10px;border-bottom:1px solid #efeada} #bo_v_info {padding:0 0 10px;border-bottom:1px solid #efeada}
#bo_v_info h2 {margin:0;padding:0;height:0;overflow:hidden} #bo_v_info h2 {margin:0;padding:0;height:0;overflow:hidden}
#bo_v_info div {padding:0 10px} #bo_v_info div {padding:0 20px}
#bo_v_info strong {display:inline-block;margin:0 10px 0 5px;font-weight:normal} #bo_v_info strong {display:inline-block;margin:0 10px 0 5px;font-weight:normal}
#bo_v_top {zoom:1} #bo_v_top {zoom:1}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""} #bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_top h2 {margin:0;padding:0;height:0;overflow:hidden} #bo_v_top h2 {margin:0;padding:0;height:0;overflow:hidden}
#bo_v_top ul {padding:0;list-style:none} #bo_v_top ul {padding:0 20px;list-style:none}
#bo_v_atc {zoom:1} #bo_v_file {border-bottom:1px solid #eee;background:#fff}
#bo_v_atc:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_atc h1 {margin:0;padding:0;height:0;overflow:hidden}
#bo_v_file {border-right:1px solid #eee;border-bottom:1px solid #eee}
#bo_v_file h2 {margin:0;padding:0;height:0;overflow:hidden} #bo_v_file h2 {margin:0;padding:0;height:0;overflow:hidden}
#bo_v_file ul {margin:0;padding:0;list-style:none} #bo_v_file ul {margin:0;padding:0;list-style:none}
#bo_v_file li {background:#fff}
#bo_v_file a {display:inline-block;padding:8px 20px 7px} #bo_v_file a {display:inline-block;padding:8px 20px 7px}
#bo_v_file strong {text-decoration:underline} #bo_v_file strong {text-decoration:underline}
.bo_v_file_cnt {display:inline-block;margin:0 10px;color:#0075b8} .bo_v_file_cnt {display:inline-block;margin:0 10px;color:#0075b8}
#bo_v_link {border-right:1px solid #eee} #bo_v_link {border-bottom:1px solid #eee;background:#fff}
#bo_v_link h2 {margin:0;padding:0;height:0;overflow:hidden} #bo_v_link h2 {margin:0;padding:0;height:0;overflow:hidden}
#bo_v_link ul {margin:0;padding:0;list-style:none} #bo_v_link ul {margin:0;padding:0;list-style:none}
#bo_v_link li {border-bottom:1px solid #ddd;background:#f7f7f7}
#bo_v_link a {display:inline-block;padding:8px 20px 7px} #bo_v_link a {display:inline-block;padding:8px 20px 7px}
#bo_v_link strong {text-decoration:underline} #bo_v_link strong {text-decoration:underline}
.bo_v_link_cnt {display:inline-block;margin:0 10px;color:#0075b8} .bo_v_link_cnt {display:inline-block;margin:0 10px;color:#0075b8}
#bo_v_con {padding:20px;min-height:200px;height:auto !important;height:200px;border-right:1px solid #eee;border-bottom:1px solid #eee;background:#fff;line-height:1.8em} #bo_v_atc {zoom:1}
#bo_v form {padding-top:20px} #bo_v_atc:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_act {margin:20px 0;text-align:center} #bo_v_atc h1 {margin:0;padding:0;height:0;overflow:hidden}
#bo_v_con {padding:20px;min-height:200px;height:auto !important;height:200px;background:#fff;line-height:1.8em}
#bo_v_act {padding:20px 0;border-bottom:1px solid #eee;text-align:center}
#bo_v_act a {margin-right:5px;vertical-align:top} #bo_v_act a {margin-right:5px;vertical-align:top}
#bo_v_act strong {color:#0075b8} #bo_v_act strong {color:#0075b8}
#bo_v form {padding-top:20px}
#bo_v_bot {zoom:1} #bo_v_bot {zoom:1}
#bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""} #bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_bot h2 {margin:0;padding:0;height:0;overflow:hidden} #bo_v_bot h2 {margin:0;padding:0;height:0;overflow:hidden}
#bo_v_bot ul {padding:0;list-style:none} #bo_v_bot ul {padding:0 20px 15px;list-style:none}
#bo_v_nb {float:left;margin:10px 0} #bo_v_nb {float:left;margin:10px 0}
#bo_v_nb li {float:left;margin-right:5px} #bo_v_nb li {float:left;margin-right:5px}
.bo_v_com {float:right;margin:10px 0} .bo_v_com {float:right;margin:10px 0}
.bo_v_com li {float:left;margin-left:5px} .bo_v_com li {float:left;margin-left:5px}
/* 게시판 댓글 */ /* 게시판 댓글 */
#bo_vc {padding:10px 20px 20px;border-right:1px solid #eee;border-bottom:1px solid #eee;background:#fff} #bo_vc {padding:10px 20px 20px;border-bottom:1px solid #eee;background:#fff}
#bo_vc h2 {margin:0;padding:0;height:0;overflow:hidden} #bo_vc h2 {margin:0;padding:0;height:0;overflow:hidden}
#bo_vc article {padding:0 0 10px;border-bottom:1px solid #f0f0f0} #bo_vc article {margin-bottom:5px;padding:0 0 10px;border-bottom:1px solid #f7f7f2}
#bo_vc header {position:relative;zoom:1} #bo_vc header {position:relative;zoom:1}
#bo_vc header:after {display:block;visibility:hidden;clear:both;content:""} #bo_vc header:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc header .icon_reply {position:absolute;top:15px;left:-20px} #bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}
#bo_vc h1 {float:left;margin:15px 0 5px} #bo_vc header span {}
.bo_vc_info {float:left;margin:15px 0 5px 15px;zoom:1} #bo_vc h1 {display:inline-block;margin:15px 0 5px}
.bo_vc_info:after {display:block;visibility:hidden;clear:both;content:""} #bo_vc h1 a {color:#000;text-decoration:none}
.bo_vc_info dt {float:left} #bo_vc p {padding:0 0 5px;line-height:1.8em}
.bo_vc_info dd {float:left;margin:0 15px 0 10px}
#bo_vc p {padding:0;line-height:1.8em}
#bo_vc fieldset {margin:0 0 10px;padding:0} #bo_vc fieldset {margin:0 0 10px;padding:0}
#bo_vc #bo_vc_winfo {float:left} #bo_vc #bo_vc_winfo {float:left}
#bo_vc #captcha {float:left;margin-left:10px;padding:0 5px 0 0;border:0} #bo_vc #captcha {float:left;margin-left:10px;padding:0 5px 0 0;border:0}

View File

@ -56,17 +56,18 @@ if ($is_nogood) $colspan++;
</div> </div>
<!-- 게시판 목록 시작 --> <!-- 게시판 목록 시작 -->
<form id="fboardlist" name="fboardlist" method="post" action="./board_list_update.php" onsubmit="return fboardlist_submit(this);"> <div id="bo_list">
<input type="hidden" name="bo_table" value="<?=$bo_table?>"> <form id="fboardlist" name="fboardlist" method="post" action="./board_list_update.php" onsubmit="return fboardlist_submit(this);">
<input type="hidden" name="sfl" value="<?=$sfl?>"> <input type="hidden" name="bo_table" value="<?=$bo_table?>">
<input type="hidden" name="stx" value="<?=$stx?>"> <input type="hidden" name="sfl" value="<?=$sfl?>">
<input type="hidden" name="spt" value="<?=$spt?>"> <input type="hidden" name="stx" value="<?=$stx?>">
<input type="hidden" name="page" value="<?=$page?>"> <input type="hidden" name="spt" value="<?=$spt?>">
<input type="hidden" name="sw" value=""> <input type="hidden" name="page" value="<?=$page?>">
<table id="bo_list"> <input type="hidden" name="sw" value="">
<caption><?=$board['bo_subject']?> 글목록</caption> <table>
<thead> <caption><?=$board['bo_subject']?> 글목록</caption>
<tr> <thead>
<tr>
<th scope="col">번호</th> <th scope="col">번호</th>
<? if ($is_checkbox) { ?><th scope="col"><input type="checkbox" onclick="if (this.checked) all_checked(true); else all_checked(false);"></th><?}?> <? if ($is_checkbox) { ?><th scope="col"><input type="checkbox" onclick="if (this.checked) all_checked(true); else all_checked(false);"></th><?}?>
<th scope="col">제목</th> <th scope="col">제목</th>
@ -75,13 +76,13 @@ if ($is_nogood) $colspan++;
<th scope="col"><?=subject_sort_link('wr_hit', $qstr2, 1)?>조회</a></th> <th scope="col"><?=subject_sort_link('wr_hit', $qstr2, 1)?>조회</a></th>
<? if ($is_good) { ?><th scope="col"><?=subject_sort_link('wr_good', $qstr2, 1)?>추천</a></th><?}?> <? if ($is_good) { ?><th scope="col"><?=subject_sort_link('wr_good', $qstr2, 1)?>추천</a></th><?}?>
<? if ($is_nogood) { ?><th scope="col"><?=subject_sort_link('wr_nogood', $qstr2, 1)?>비추천</a></th><?}?> <? if ($is_nogood) { ?><th scope="col"><?=subject_sort_link('wr_nogood', $qstr2, 1)?>비추천</a></th><?}?>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<? <?
for ($i=0; $i<count($list); $i++) { for ($i=0; $i<count($list); $i++) {
?> ?>
<tr<? if ($list[$i]['is_notice']) echo " class=\"bo_notice\"";?>> <tr<? if ($list[$i]['is_notice']) echo " class=\"bo_notice\"";?>>
<td class="td_bignum"> <td class="td_bignum">
<? <?
if ($list[$i]['is_notice']) // 공지사항 if ($list[$i]['is_notice']) // 공지사항
@ -123,13 +124,13 @@ for ($i=0; $i<count($list); $i++) {
<td class="td_num"><?=$list[$i]['wr_hit']?></td> <td class="td_num"><?=$list[$i]['wr_hit']?></td>
<? if ($is_good) { ?><td class="td_num"><?=$list[$i]['wr_good']?></td><? } ?> <? if ($is_good) { ?><td class="td_num"><?=$list[$i]['wr_good']?></td><? } ?>
<? if ($is_nogood) { ?><td class="td_num"><?=$list[$i]['wr_nogood']?></td><? } ?> <? if ($is_nogood) { ?><td class="td_num"><?=$list[$i]['wr_nogood']?></td><? } ?>
</tr> </tr>
<?}?> <?}?>
<? if (count($list) == 0) { echo '<tr><td colspan="'.$colspan.'" class="empty_table">게시물이 없습니다.</td></tr>'; } ?> <? if (count($list) == 0) { echo '<tr><td colspan="'.$colspan.'" class="empty_table">게시물이 없습니다.</td></tr>'; } ?>
</tbody> </tbody>
</table> </table>
<div class="bo_fx"> <div class="bo_fx">
<ul class="btn_bo_adm"> <ul class="btn_bo_adm">
<? if ($list_href) { ?> <? if ($list_href) { ?>
<li><a href="<?=$list_href?>" class="btn02"> 목록</a></li> <li><a href="<?=$list_href?>" class="btn02"> 목록</a></li>
@ -144,8 +145,9 @@ for ($i=0; $i<count($list); $i++) {
<ul class="btn_bo_user"> <ul class="btn_bo_user">
<li><? if ($write_href) { ?><a href="<?=$write_href?>" class="btn01">글쓰기</a><? } ?></li> <li><? if ($write_href) { ?><a href="<?=$write_href?>" class="btn01">글쓰기</a><? } ?></li>
</ul> </ul>
</div>
</form>
</div> </div>
</form>
<? if($is_checkbox) { ?> <? if($is_checkbox) { ?>
<noscript> <noscript>
@ -154,11 +156,9 @@ for ($i=0; $i<count($list); $i++) {
<? } ?> <? } ?>
<!-- 페이지 --> <!-- 페이지 -->
<div class="pg"> <? if ($prev_part_href) { echo '<a href="'.$prev_part_href.'">이전검색</a>'; } ?>
<? if ($prev_part_href) { echo '<a href="'.$prev_part_href.'">이전검색</a>'; } ?> <?=$write_pages?>
<?=$write_pages?> <? if ($next_part_href) { echo '<a href="'.$next_part_href.'">다음검색</a>'; } ?>
<? if ($next_part_href) { echo '<a href="'.$next_part_href.'">다음검색</a>'; } ?>
</div>
<script> <script>
<? if ($sca) { echo "document.fcategory.sca.value = \"$sca\";"; } ?> <? if ($sca) { echo "document.fcategory.sca.value = \"$sca\";"; } ?>

View File

@ -25,27 +25,6 @@ if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
</div> </div>
</section> </section>
<aside id="bo_v_top">
<h2>게시물 상단 버튼</h2>
<?
ob_start();
?>
<ul class="bo_v_com">
<? if ($update_href) { ?><li><a href="<?=$update_href?>" class="btn02">수정</a></li><? } ?>
<? if ($delete_href) { ?><li><a href="<?=$delete_href?>" onclick="del(this.href); return false;" class="btn02">삭제</a></li><? } ?>
<? if ($copy_href) { ?><li><a href="<?=$copy_href?>" onclick="board_move(this.href); return false;" class="btn03">복사</a></li><? } ?>
<? if ($move_href) { ?><li><a href="<?=$move_href?>" onclick="board_move(this.href); return false;" class="btn03">이동</a></li><? } ?>
<? if ($search_href) { ?><li><a href="<?=$search_href?>" class="btn02">검색</a></li><? } ?>
<li><a href="<?=$list_href?>" class="btn02">목록</a></li>
<? if ($reply_href) { ?><li><a href="<?=$reply_href?>" class="btn02">답변</a></li><? } ?>
<? if ($write_href) { ?><li><a href="<?=$write_href?>" class="btn01">글쓰기</a></li><? } ?>
</ul>
<?
$link_buttons = ob_get_contents();
ob_end_flush();
?>
</aside>
<? <?
if ($view['file']['count']) { if ($view['file']['count']) {
$cnt = 0; $cnt = 0;
@ -110,6 +89,27 @@ if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
</section> </section>
<? } ?> <? } ?>
<aside id="bo_v_top">
<h2>게시물 상단 버튼</h2>
<?
ob_start();
?>
<ul class="bo_v_com">
<? if ($update_href) { ?><li><a href="<?=$update_href?>" class="btn02">수정</a></li><? } ?>
<? if ($delete_href) { ?><li><a href="<?=$delete_href?>" onclick="del(this.href); return false;" class="btn02">삭제</a></li><? } ?>
<? if ($copy_href) { ?><li><a href="<?=$copy_href?>" onclick="board_move(this.href); return false;" class="btn03">복사</a></li><? } ?>
<? if ($move_href) { ?><li><a href="<?=$move_href?>" onclick="board_move(this.href); return false;" class="btn03">이동</a></li><? } ?>
<? if ($search_href) { ?><li><a href="<?=$search_href?>" class="btn02">검색</a></li><? } ?>
<li><a href="<?=$list_href?>" class="btn02">목록</a></li>
<? if ($reply_href) { ?><li><a href="<?=$reply_href?>" class="btn02">답변</a></li><? } ?>
<? if ($write_href) { ?><li><a href="<?=$write_href?>" class="btn01">글쓰기</a></li><? } ?>
</ul>
<?
$link_buttons = ob_get_contents();
ob_end_flush();
?>
</aside>
<article id="bo_v_atc"> <article id="bo_v_atc">
<header> <header>
<h1>본문</h1> <h1>본문</h1>

View File

@ -29,14 +29,12 @@ var char_max = parseInt(<?=$comment_max?>); // 최대
<header> <header>
<h1><?=$list[$i]['name']?><span class="sound_only">님의 댓글</span></h1> <h1><?=$list[$i]['name']?><span class="sound_only">님의 댓글</span></h1>
<? if ($cmt_depth) {?><img src="<?=$board_skin_path?>/img/icon_reply.gif" class="icon_reply" alt="댓글의 댓글"><? } ?> <? if ($cmt_depth) {?><img src="<?=$board_skin_path?>/img/icon_reply.gif" class="icon_reply" alt="댓글의 댓글"><? } ?>
<dl class="bo_vc_info">
<? if ($is_ip_view) { ?> <? if ($is_ip_view) { ?>
<dt>아이피</dt> 아이피
<dd><?=$list[$i]['ip'];?></dd> <span><?=$list[$i]['ip'];?></span>
<? } ?> <? } ?>
<dt>작성일</dt> 작성일
<dd><time datetime="<?=date('Y-m-d\TH:i:s+09:00', strtotime($list[$i]['datetime']))?>"><?=$list[$i]['datetime']?></time></dd> <span><time datetime="<?=date('Y-m-d\TH:i:s+09:00', strtotime($list[$i]['datetime']))?>"><?=$list[$i]['datetime']?></time></span>
</dl>
</header> </header>
<!-- 댓글 출력 --> <!-- 댓글 출력 -->