firstgarden/firstgarden-web-gnu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Activity

모바일: #30 FAQ 스킨 마크업

Browse Source
This commit is contained in:
whitedot
2014-03-17 13:24:23 +09:00
parent 9595e64334
commit 899cd74b01
3 changed files with 29 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
css/mobile.css
View File

@ -229,23 +229,6 @@ a.btn_admin:focus, a.btn_admin:hover {text-decoration:none}
#ctt_con {padding:10px 0}
.ctt_img {text-align:center}
/* FAQ 관리 */
#faq_wrap {margin:10px 5px}
#faq_wrap h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.faq_admin {margin:0 5px;text-align:right}
#faq_wrap p {line-height:1.8em}
#faq_wrap ol {margin:0;padding:0;list-style:none}
#faq_list {margin:0 0 10px;border:1px solid #ccc}
#faq_list li {border-bottom:1px solid #fff;background:#f2f5f9}
#faq_list a {display:block;padding:10px;font-weight:bold;text-decoration:none}
#faq_list a:focus, #faq_list a:hover {background:#626870;color:#fff}
#faq_con {border:1px solid #e9e9e9;border-top:0}
#faq_con li {padding:0 0 10px}
#faq_con h3 {padding:10px;background:#f2f5f9;border-top:1px solid #e9e9e9}
#faq_con #con_inner {padding:10px;line-height:1.8em}
.faq_tolist {padding:0 10px;text-align:right}
.faq_img {text-align:center}
/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646}

24
mobile/skin/faq/basic/list.skin.php
View File

@ -11,13 +11,6 @@ add_stylesheet('<link rel="stylesheet" href="'.$faq_skin_url.'/style.css">', 0);
echo '<div id="faq_hhtml">'.stripslashes($fm['fm_mobile_head_html']).'</div>';
?>
<form name="faq_search_form" method="get">
<input type="hidden" name="fm_id" value="<?php echo $fm_id;?>">
<label for="stx" class="sound_only">검색어<strong class="sound_only"> 필수</strong></label>
<input type="text" name="stx" value="<?php echo $stx;?>" required id="stx" class="frm_input required" size="15" maxlength="15">
<input type="submit" value="검색" class="btn_submit">
</form>
<?php
if( count($faq_master_list) ){
?>
@ -57,7 +50,7 @@ if( count($faq_master_list) ){
<h3><a href="#none" onclick="return faq_open(this);"><?php echo conv_content($v['fa_subject'], 1); ?></a></h3>
<div class="con_inner">
<?php echo conv_content($v['fa_content'], 1); ?>
<button type="button" class="btn_faq_close">닫기</button>
<div class="con_closer"><button type="button" class="closer_btn">닫기</button></div>
</div>
</li>
<?php
@ -71,10 +64,10 @@ if( count($faq_master_list) ){
if($stx){
echo '<p>검색된 게시물이 없습니다.</p>';
} else {
echo '<p>등록된 FAQ가 없습니다.';
echo '<div class="empty_table">등록된 FAQ가 없습니다.';
if($is_admin)
echo '<br><a href="'.G5_ADMIN_URL.'/faqmasterlist.php">FAQ를 새로 등록하시려면 FAQ관리</a> 메뉴를 이용하십시오.';
echo '</p>';
echo '</div>';
}
}
?>
@ -86,12 +79,21 @@ if( count($faq_master_list) ){
// 하단 HTML
echo '<div id="faq_thtml">'.stripslashes($fm['fm_tail_html']).'</div>';
?>
<div id="faq_sch">
<form name="faq_search_form" method="get">
<input type="hidden" name="fm_id" value="<?php echo $fm_id;?>">
<label for="stx" class="sound_only">검색어<strong class="sound_only"> 필수</strong></label>
<input type="text" name="stx" value="<?php echo $stx;?>" required id="stx" class="frm_input required" size="15" maxlength="15">
<input type="submit" value="검색" class="btn_submit">
</form>
</div>
<!-- } FAQ 끝 -->
<script src="<?php echo G5_JS_URL; ?>/viewimageresize.js"></script>
<script>
$(function() {
$(".btn_faq_close").on("click", function() {
$(".closer_btn").on("click", function() {
$(this).closest(".con_inner").slideToggle();
});
});

17
mobile/skin/faq/basic/style.css
View File

@ -1,10 +1,25 @@
@charset "utf-8";
#bo_cate {margin:0 10px}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {margin-bottom:10px;padding-left:1px;width:728px;zoom:1}
#bo_cate ul {margin-bottom:10px;padding-left:1px;zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {float:left;margin-bottom:-1px}
#bo_cate a {display:block;position:relative;margin-left:-1px;padding:6px 0 5px;width:90px;border:1px solid #ddd;background:#f7f7f7;color:#888;text-align:center;letter-spacing:-0.1em;line-height:1.2em;cursor:pointer}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none}
#bo_cate #bo_cate_on {z-index:2;border:1px solid #565e60;background:#fff;color:#565e60;font-weight:bold}
#faq_wrap {margin:10px}
#faq_wrap h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.faq_admin {margin:0 5px;text-align:right}
#faq_wrap p {line-height:1.8em}
#faq_wrap ol {margin:0;padding:0;list-style:none}
#faq_con {border:1px solid #e9e9e9;border-top:0}
#faq_con h3 a {display:block;padding:10px;background:#f2f5f9;border-top:1px solid #e9e9e9}
#faq_con .con_inner {display:none;padding:10px;line-height:1.8em}
#faq_con .con_closer {text-align:right}
#faq_con .closer_btn {margin:0;padding:10px;border:0;background:#666;color:#fff}
.faq_tolist {padding:0 10px;text-align:right}
.faq_img {text-align:center}
#faq_sch {text-align:center}