테마기능 추가
This commit is contained in:
120
theme/basic/mobile/skin/faq/basic/list.skin.php
Normal file
120
theme/basic/mobile/skin/faq/basic/list.skin.php
Normal file
@ -0,0 +1,120 @@
|
||||
<?php
|
||||
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.$faq_skin_url.'/style.css">', 0);
|
||||
?>
|
||||
|
||||
<!-- FAQ 시작 { -->
|
||||
<?php
|
||||
// 상단 HTML
|
||||
echo '<div id="faq_hhtml">'.conv_content($fm['fm_mobile_head_html'], 1).'</div>';
|
||||
?>
|
||||
|
||||
<?php
|
||||
if( count($faq_master_list) ){
|
||||
?>
|
||||
<nav id="bo_cate">
|
||||
<h2>자주하시는질문 분류</h2>
|
||||
<ul id="bo_cate_ul">
|
||||
<?php
|
||||
foreach( $faq_master_list as $v ){
|
||||
$category_msg = '';
|
||||
$category_option = '';
|
||||
if($v['fm_id'] == $fm_id){ // 현재 선택된 카테고리라면
|
||||
$category_option = ' id="bo_cate_on"';
|
||||
$category_msg = '<span class="sound_only">열린 분류 </span>';
|
||||
}
|
||||
?>
|
||||
<li><a href="<?php echo $category_href;?>?fm_id=<?php echo $v['fm_id']?>" <?php echo $category_option;?> ><?php echo $category_msg.$v['fm_subject'];?></a></li>
|
||||
<?php
|
||||
}
|
||||
?>
|
||||
</ul>
|
||||
</nav>
|
||||
<?php } ?>
|
||||
|
||||
<div id="faq_wrap" class="faq_<?php echo $fm_id; ?>">
|
||||
<?php // FAQ 내용
|
||||
if( count($faq_list) ){
|
||||
?>
|
||||
<section id="faq_con">
|
||||
<h2><?php echo $g5['title']; ?> 목록</h2>
|
||||
<ol>
|
||||
<?php
|
||||
foreach($faq_list as $key=>$v){
|
||||
if(empty($v))
|
||||
continue;
|
||||
?>
|
||||
<li>
|
||||
<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); ?>
|
||||
<div class="con_closer"><button type="button" class="closer_btn">닫기</button></div>
|
||||
</div>
|
||||
</li>
|
||||
<?php
|
||||
}
|
||||
?>
|
||||
</ol>
|
||||
</section>
|
||||
<?php
|
||||
|
||||
} else {
|
||||
if($stx){
|
||||
echo '<p class="empty_list">검색된 게시물이 없습니다.</p>';
|
||||
} else {
|
||||
echo '<div class="empty_table">등록된 FAQ가 없습니다.';
|
||||
if($is_admin)
|
||||
echo '<br><a href="'.G5_ADMIN_URL.'/faqmasterlist.php">FAQ를 새로 등록하시려면 FAQ관리</a> 메뉴를 이용하십시오.';
|
||||
echo '</div>';
|
||||
}
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
|
||||
<?php echo get_paging($page_rows, $page, $total_page, $_SERVER['SCRIPT_NAME'].'?'.$qstr.'&page='); ?>
|
||||
|
||||
<?php
|
||||
// 하단 HTML
|
||||
echo '<div id="faq_thtml">'.conv_content($fm['fm_tail_html'], 1).'</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() {
|
||||
$(".closer_btn").on("click", function() {
|
||||
$(this).closest(".con_inner").slideToggle();
|
||||
});
|
||||
});
|
||||
|
||||
function faq_open(el)
|
||||
{
|
||||
var $con = $(el).closest("li").find(".con_inner");
|
||||
|
||||
if($con.is(":visible")) {
|
||||
$con.slideUp();
|
||||
} else {
|
||||
$("#faq_con .con_inner:visible").css("display", "none");
|
||||
|
||||
$con.slideDown(
|
||||
function() {
|
||||
// 이미지 리사이즈
|
||||
$con.viewimageresize2();
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
return false;
|
||||
}
|
||||
</script>
|
||||
25
theme/basic/mobile/skin/faq/basic/style.css
Normal file
25
theme/basic/mobile/skin/faq/basic/style.css
Normal file
@ -0,0 +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;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 {margin:10px 0 0;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}
|
||||
Reference in New Issue
Block a user