팝업창 정리중, 게시판뷰 수정, 갤러리, 쪽지
This commit is contained in:
leebokyung committed
1 parent
6510d79217
commit
9dacee38d3
13 files changed
+236
-182
No files matched your search
@@ -31,15 +31,13 @@ $bo_v_sns_class = $config['cf_kakao_js_apikey'] ? 'show_kakao' : '';
|
||||
Kakao.init("<?php echo $config['cf_kakao_js_apikey']; ?>");
|
||||
</script>
|
||||
<?php } ?>
|
||||
<div class="bo_v_snswr">
|
||||
<button type="button" class="btn btn_b03 btn_share"><i class="fa fa-share-alt" aria-hidden="true"></i> SNS공유</button>
|
||||
|
||||
<ul id="bo_v_sns" class="<?php echo $bo_v_sns_class; ?>">
|
||||
<li><a href="<?php echo $twitter_url; ?>" target="_blank" class="sns_t"><img src="<?php echo G5_SNS_URL; ?>/icon/twitter.png" alt="트위터로 보내기" width="20"></a></li>
|
||||
<li><a href="<?php echo $facebook_url; ?>" target="_blank" class="sns_f"><img src="<?php echo G5_SNS_URL; ?>/icon/facebook.png" alt="페이스북으로 보내기" width="20"></a></li>
|
||||
<li><a href="<?php echo $gplus_url; ?>" target="_blank" class="sns_g"><img src="<?php echo G5_SNS_URL; ?>/icon/gplus.png" alt="구글플러스로 보내기" width="20"></a></li>
|
||||
<li><a href="<?php echo $facebook_url; ?>" target="_blank" class="sns_f"><img src="<?php echo G5_SNS_URL; ?>/icon/facebook.png" alt="페이스북으로 공유" width="20">페이스북 공유</a></li>
|
||||
<li><a href="<?php echo $twitter_url; ?>" target="_blank" class="sns_t"><img src="<?php echo G5_SNS_URL; ?>/icon/twitter.png" alt="트위터로 공유" width="20">트위터 공유</a></li>
|
||||
<li><a href="<?php echo $gplus_url; ?>" target="_blank" class="sns_g"><img src="<?php echo G5_SNS_URL; ?>/icon/gplus.png" alt="구글플러스로 공유" width="20">구글+ 공유</a></li>
|
||||
<?php if($config['cf_kakao_js_apikey']) { ?>
|
||||
<li><a href="javascript:kakaolink_send('<?php echo str_replace(array('%27', '\''), '', $sns_msg); ?>', '<?php echo urlencode('http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI']); ?>');" class="sns_k" ><img src="<?php echo G5_SNS_URL; ?>/icon/kakaotalk.png" alt="카카오톡으로 보내기" width="20"></a></li>
|
||||
<?php } ?>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -384,10 +384,10 @@ box-shadow:0 1px 10px rgba(0,0,0,.1)}
|
||||
.new_win .win_ul li a {display:block;padding:8px 0;color:#6794d3}
|
||||
.new_win .win_ul .selected {background:#3a8afd;border-color:#3a8afd;position:relative;z-index:5}
|
||||
.new_win .win_ul .selected a {color:#fff;font-weight:bold}
|
||||
.new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1.2em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px}
|
||||
.new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px}
|
||||
.new_win .win_desc i {font-size:1.2em;vertical-align:baseline}
|
||||
.new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px}
|
||||
.new_win .frm_info {font-size:0.92em;color:#3598db}
|
||||
.new_win .frm_info {font-size:0.92em;color:#919191}
|
||||
.new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#3a8afd;background:#f6f6f6;padding:0 10px;border-radius:5px}
|
||||
.new_win .new_win_con {margin:20px 0}
|
||||
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
|
||||
@@ -229,22 +229,37 @@ html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !importa
|
||||
#bo_v_info .if_comment {display:inline-block;background:url(./img/icon_comment.png) no-repeat 50% 50%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin-right:3px}
|
||||
#bo_v_info .if_date {float:right;margin:0;font-style:italic;color:#888}
|
||||
|
||||
#bo_v_file {margin:10px 0;border:1px solid #d4d4d4}
|
||||
#bo_v_file h2 {padding:10px;background: #f3f3f3}
|
||||
#bo_v_file ul {margin:0;padding:5px 0;list-style:none}
|
||||
#bo_v_file li {padding:5px 10px;position:relative}
|
||||
#bo_v_file a {display:inline-block;color:#3497d9;text-decoration:underline;word-wrap:break-word}
|
||||
#bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none}
|
||||
#bo_v_file img {float:left;margin:0 10px 0 0}
|
||||
.bo_v_file_cnt {position:absolute;top:5px;right:10px;color:#888;font-size:0.92em}
|
||||
|
||||
#bo_v_link {margin:10px 0;border:1px solid #d4d4d4}
|
||||
#bo_v_link h2 {padding:10px;border-bottom:1px solid #e8e8e8;background: #f3f3f3}
|
||||
#bo_v_link ul {margin:0;padding:5px 0;list-style:none}
|
||||
#bo_v_link li {padding:5px 10px;position:relative}
|
||||
#bo_v_link a {display:inline-block;color:#3497d9;text-decoration:underline;word-wrap:break-word}
|
||||
#bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none}
|
||||
.bo_v_link_cnt {position:absolute;top:5px;right:10px;color:#888;font-size:0.92em}
|
||||
#bo_v_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
#bo_v_file ul {margin:0;list-style:none}
|
||||
#bo_v_file li {padding:15px;position:relative;margin:10px 0;border:1px solid #dfdfdf;border-radius:5px;
|
||||
-webkit-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);
|
||||
-moz-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);
|
||||
box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%)}
|
||||
#bo_v_file li i {float:left;color:#b2b2b2;font-size:2.35em;margin-right:20px}
|
||||
#bo_v_file a {float:left;display:block;text-decoration:none;word-wrap:break-word;color:#000}
|
||||
#bo_v_file a:focus, #bo_v_file li:hover a, #bo_v_file a:active {text-decoration:underline;color:#3a8afd}
|
||||
#bo_v_file img {float:left;margin:0 10px 0 0}
|
||||
#bo_v_file .bo_v_file_cnt {color:#b2b2b2;font-size:0.92em}
|
||||
#bo_v_file li:hover {border-color:#bed4f4;color:#bed4f4}
|
||||
#bo_v_file li:hover i {color:#3a8afd}
|
||||
#bo_v_file li:hover .bo_v_file_cnt {color:#99c2fc}
|
||||
|
||||
|
||||
#bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
#bo_v_file ul {margin:0;list-style:none}
|
||||
#bo_v_link li {padding:15px;position:relative;margin:10px 0;border:1px solid #dfdfdf;border-radius:5px;
|
||||
-webkit-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);
|
||||
-moz-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);
|
||||
box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%)}
|
||||
#bo_v_link li i {float:left;color:#b2b2b2;font-size:2.35em;margin-right:20px}
|
||||
#bo_v_link a {float:left;display:block;text-decoration:none;word-wrap:break-word;color:#000}
|
||||
#bo_v_link a:focus, #bo_v_link li:hover a, #bo_v_link a:active {text-decoration:underline;color:#3a8afd}
|
||||
#bo_v_link .bo_v_link_cnt {color:#b2b2b2;font-size:0.92em}
|
||||
#bo_v_link li:hover {border-color:#bed4f4;color:#bed4f4}
|
||||
#bo_v_link li:hover i {color:#3a8afd}
|
||||
#bo_v_link li:hover .bo_v_link_cnt {color:#99c2fc}
|
||||
|
||||
|
||||
#bo_v_top {zoom:1}
|
||||
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
@@ -290,25 +305,22 @@ html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !importa
|
||||
#bo_v_act .bo_v_good {display:inline-block;border:1px solid #dedede;width:70px;height:46px;background:url(./img/icon_good.png) 25px 18px no-repeat;border-radius:30px}
|
||||
#bo_v_act .bo_v_nogood {display:inline-block;border:1px solid #dedede;width:70px;height:46px;background:url(./img/icon_bad.png) 25px 18px no-repeat;border-radius:30px}
|
||||
|
||||
#bo_v_share {position:relative;margin:20px 0;text-align:right}
|
||||
#bo_v_share .btn {padding:0 10px 0 0;color:#555;font-weight:normal;font-size:1em ;line-height:30px;height:32px;border-radius:0;border-color:#d5d5d5}
|
||||
#bo_v_share .btn:hover {background:#fff}
|
||||
#bo_v_share .btn i {margin-right:5px;background:#eee;color:#333;text-align:center;width:30px;line-height:30px;vertical-align:top}
|
||||
#bo_v_share .btn_share {}
|
||||
#bo_v_share .btn_share:hover {}
|
||||
|
||||
.bo_v_snswr {position:relative;display:inline-block;margin-left:-1px}
|
||||
#bo_v_sns {display:none;position:absolute;top:-50px;left:50%;margin-left:-90px;width:180px;padding:0;list-style:none;zoom:1}
|
||||
#bo_v_sns {float:left;padding:0;list-style:none;zoom:1}
|
||||
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_v_sns:before {content:"";position:absolute;bottom:-7px;left:84px;width: 0;height: 0;border-style: solid;border-width: 7px 6px 0 6px;border-color: #415b92 transparent transparent transparent}
|
||||
#bo_v_sns li {float:left;width:60px;text-align:center}
|
||||
#bo_v_sns li a {height:40px;padding:10px 0}
|
||||
#bo_v_sns li .sns_f {display:block;background:#415b92}
|
||||
#bo_v_sns li .sns_t {display:block;background:#35b3dc}
|
||||
#bo_v_sns li .sns_g {display:block;background:#d5503a}
|
||||
#bo_v_sns li {float:left;width:135px;margin-right:5px;text-align:left}
|
||||
#bo_v_sns li a {height:35px;line-height:35px;text-align:center;border-radius:5px;color:#fff;font-size:0.95em}
|
||||
#bo_v_sns li img {vertical-align:middle;margin-right:5px}
|
||||
#bo_v_sns li .sns_f {display:block;background:#3b5997}
|
||||
#bo_v_sns li .sns_t {display:block;background:#09aeee}
|
||||
#bo_v_sns li .sns_g {display:block;background:#ea4026}
|
||||
#bo_v_sns.show_kakao {width:240px;margin-left:-120px}
|
||||
#bo_v_sns li .sns_k {display:block;background:#fbe300}
|
||||
#bo_v_sns li img {vertical-align:top}
|
||||
|
||||
#bo_v_share {position:relative;margin:20px 0}
|
||||
#bo_v_share .btn {padding:0 10px;color:#555;font-weight:normal;font-size:1em;width:80px;line-height:35px;height:35px;border-color:#d5d5d5;border-radius:5px}
|
||||
#bo_v_share .btn:hover {background:#fff}
|
||||
#bo_v_share .btn i {margin-right:5px;color:#4b5259;vertical-align:middle}
|
||||
|
||||
|
||||
/* 게시판 댓글 */
|
||||
.cmt_btn {background:url('./img/cmt_btn.png') no-repeat 85px 8px;text-align:left ;width:100% ;border:0;color:#ed6478;font-weight:bold;font-size:1.25em;margin: 30px 0 0px;padding:0 0 10px}
|
||||
|
||||
@@ -66,6 +66,10 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
|
||||
|
||||
<section id="bo_v_atc">
|
||||
<h2 id="bo_v_atc_title">본문</h2>
|
||||
<div id="bo_v_share">
|
||||
<?php include_once(G5_SNS_PATH."/view.sns.skin.php"); ?>
|
||||
<?php if ($scrap_href) { ?><a href="<?php echo $scrap_href; ?>" target="_blank" class="btn btn_b03" onclick="win_scrap(this.href); return false;"><i class="fa fa-bookmark" aria-hidden="true"></i> 스크랩</a><?php } ?>
|
||||
</div>
|
||||
|
||||
<?php
|
||||
// 파일 출력
|
||||
@@ -122,14 +126,6 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
|
||||
<!-- } 추천 비추천 끝 -->
|
||||
</section>
|
||||
|
||||
<div id="bo_v_share">
|
||||
<?php if ($scrap_href) { ?><a href="<?php echo $scrap_href; ?>" target="_blank" class="btn btn_b03" onclick="win_scrap(this.href); return false;"><i class="fa fa-thumb-tack" aria-hidden="true"></i> 스크랩</a><?php } ?>
|
||||
|
||||
<?php
|
||||
include_once(G5_SNS_PATH."/view.sns.skin.php");
|
||||
?>
|
||||
</div>
|
||||
|
||||
<?php
|
||||
$cnt = 0;
|
||||
if ($view['file']['count']) {
|
||||
@@ -151,11 +147,11 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
|
||||
if (isset($view['file'][$i]['source']) && $view['file'][$i]['source'] && !$view['file'][$i]['view']) {
|
||||
?>
|
||||
<li>
|
||||
<i class="fa fa-download" aria-hidden="true"></i>
|
||||
<i class="fa fa-folder-open" aria-hidden="true"></i>
|
||||
<a href="<?php echo $view['file'][$i]['href']; ?>" class="view_file_download">
|
||||
<strong><?php echo $view['file'][$i]['source'] ?></strong>
|
||||
<strong><?php echo $view['file'][$i]['source'] ?></strong> <?php echo $view['file'][$i]['content'] ?> (<?php echo $view['file'][$i]['size'] ?>)
|
||||
</a>
|
||||
<?php echo $view['file'][$i]['content'] ?> (<?php echo $view['file'][$i]['size'] ?>)
|
||||
<br>
|
||||
<span class="bo_v_file_cnt"><?php echo $view['file'][$i]['download'] ?>회 다운로드 | DATE : <?php echo $view['file'][$i]['datetime'] ?></span>
|
||||
</li>
|
||||
<?php
|
||||
@@ -181,10 +177,11 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
|
||||
$link = cut_str($view['link'][$i], 70);
|
||||
?>
|
||||
<li>
|
||||
<i class="fa fa-link" aria-hidden="true"></i> <a href="<?php echo $view['link_href'][$i] ?>" target="_blank">
|
||||
|
||||
<i class="fa fa-link" aria-hidden="true"></i>
|
||||
<a href="<?php echo $view['link_href'][$i] ?>" target="_blank">
|
||||
<strong><?php echo $link ?></strong>
|
||||
</a>
|
||||
<br>
|
||||
<span class="bo_v_link_cnt"><?php echo $view['link_hit'][$i] ?>회 연결</span>
|
||||
</li>
|
||||
<?php
|
||||
@@ -257,17 +254,17 @@ $(function() {
|
||||
$("#bo_v_atc").viewimageresize();
|
||||
|
||||
//sns공유
|
||||
$(".btn_share").click(function(){
|
||||
$("#bo_v_sns").fadeIn();
|
||||
|
||||
});
|
||||
// $(".btn_share").click(function(){
|
||||
// $("#bo_v_sns").fadeIn();
|
||||
//
|
||||
// });
|
||||
|
||||
$(document).mouseup(function (e) {
|
||||
var container = $("#bo_v_sns");
|
||||
if (!container.is(e.target) && container.has(e.target).length === 0){
|
||||
container.css("display","none");
|
||||
}
|
||||
});
|
||||
// $(document).mouseup(function (e) {
|
||||
// var container = $("#bo_v_sns");
|
||||
// if (!container.is(e.target) && container.has(e.target).length === 0){
|
||||
// container.css("display","none");
|
||||
// }
|
||||
// });
|
||||
});
|
||||
|
||||
function excute_good(href, $el, $tx)
|
||||
|
||||
@@ -150,7 +150,7 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
|
||||
<?php } ?>
|
||||
<a href="<?php echo $list[$i]['href'] ?>" class="bo_tit">
|
||||
<?php echo $list[$i]['subject'] ?>
|
||||
<?php if ($list[$i]['comment_cnt']) { ?><span class="sound_only">댓글</span><span class="cnt_cmt">+ <?php echo $list[$i]['wr_comment']; ?></span><span class="sound_only">개</span><?php } ?>
|
||||
<?php if ($list[$i]['comment_cnt']) { ?><span class="sound_only">댓글</span><span class="cnt_cmt"><?php echo $list[$i]['wr_comment']; ?></span><span class="sound_only">개</span><?php } ?>
|
||||
<?php
|
||||
// if ($list[$i]['file']['count']) { echo '<'.$list[$i]['file']['count'].'>'; }
|
||||
|
||||
@@ -159,17 +159,19 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
|
||||
//if (isset($list[$i]['icon_file'])) echo rtrim($list[$i]['icon_file']);
|
||||
//if (isset($list[$i]['icon_link'])) echo rtrim($list[$i]['icon_link']);
|
||||
if (isset($list[$i]['icon_secret'])) echo rtrim($list[$i]['icon_secret']);
|
||||
?>
|
||||
?>
|
||||
</a>
|
||||
<span class="bo_cnt">게시글 내용입니다.최대56자입니다.게시글 내용입니다.게시글 내용입니다.게시글 내용입니다.게시글 내용입니다.</span>
|
||||
</div>
|
||||
<div class="gall_name">
|
||||
<span class="sound_only">작성자 </span><?php echo $list[$i]['name'] ?>
|
||||
</div>
|
||||
|
||||
<div class="gall_info">
|
||||
<span class="sound_only">조회 </span><i class="fa fa-eye" aria-hidden="true"></i> <?php echo $list[$i]['wr_hit'] ?>
|
||||
<?php if ($is_good) { ?><span class="sound_only">추천</span><strong><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> <?php echo $list[$i]['wr_good'] ?></strong><?php } ?>
|
||||
<?php if ($is_nogood) { ?><span class="sound_only">비추천</span><strong><i class="fa fa-thumbs-o-down" aria-hidden="true"></i> <?php echo $list[$i]['wr_nogood'] ?></strong><?php } ?>
|
||||
<span class="sound_only">작성자 </span><?php echo $list[$i]['name'] ?>
|
||||
<span class="gall_date"><span class="sound_only">작성일 </span><i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo $list[$i]['datetime2'] ?></span>
|
||||
<span class="gall_view"><span class="sound_only">조회 </span><i class="fa fa-eye" aria-hidden="true"></i> <?php echo $list[$i]['wr_hit'] ?></span>
|
||||
</div>
|
||||
<div class="gall_option">
|
||||
<?php if ($is_good) { ?><span class="sound_only">추천</span><strong><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> <?php echo $list[$i]['wr_good'] ?></strong><?php } ?>
|
||||
<?php if ($is_nogood) { ?><span class="sound_only">비추천</span><strong><i class="fa fa-thumbs-o-down" aria-hidden="true"></i> <?php echo $list[$i]['wr_nogood'] ?></strong><?php } ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -73,26 +73,26 @@
|
||||
/* ### 기본 스타일 커스터마이징 끝 ### */
|
||||
|
||||
/* 게시판 목록 */
|
||||
#bo_cate {background:#ecf2f3;padding:7px;margin:10px 0;border:1px solid #bed1d4}
|
||||
#bo_cate {margin-bottom:28px}
|
||||
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
#bo_cate ul {zoom:1}
|
||||
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_cate li {display:inline-block;padding:2px}
|
||||
#bo_cate a {display:block;line-height:26px;padding:0 10px;border-radius:3px;border:1px solid transparent}
|
||||
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#d2d6dc}
|
||||
#bo_cate #bo_cate_on {z-index:2;background:#3497d9;color:#fff;font-weight:bold;border-bottom-color:#1977b5;
|
||||
-webkit-box-shadow:inset 0 2px 5px rgb(33, 135, 202);
|
||||
-moz-box-shadow:inset 0 2px 5px rgb(33, 135, 202);
|
||||
#bo_cate a {display:block;line-height:28px;padding:5px 15px;border-radius:30px;border:1px solid #d6e9ff;color:#6794d3}
|
||||
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#3a8afd;color:#fff}
|
||||
#bo_cate #bo_cate_on {z-index:2;background:#3a8afd;color:#fff;font-weight:bold;border:1px solid #3a8afd;
|
||||
-webkit-box-shadow: inset 0 2px 5px rgb(33, 135, 202);
|
||||
-moz-box-shadow: inset 0 2px 5px rgb(33, 135, 202);
|
||||
box-shadow:inset 0 2px 5px rgb(33, 135, 202)}
|
||||
|
||||
.td_subject img {margin-left:3px}
|
||||
|
||||
/* 갤러리 목록 */
|
||||
#bo_gall h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
|
||||
#bo_gall #gall_ul {margin:10px -10px 0;padding:0;list-style:none;zoom:1}
|
||||
#bo_gall #gall_ul:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_gall .gall_box {position:relative;margin:0 0 30px 0;border:1px solid #ccc;background:#fff;border-radius:0 0 2px 2px}
|
||||
#bo_gall .gall_li {}
|
||||
#bo_gall .gall_li .gall_chk {position:absolute;top:0;left:0;padding:5px}
|
||||
#bo_gall .gall_box {position:relative;margin:0 0 50px 0;border-radius:0 0 2px 2px}
|
||||
|
||||
.gall_row .col-gn-0,.gall_row .col-gn-1,.gall_row .col-gn-2,.gall_row .col-gn-3,.gall_row .col-gn-4,.gall_row .col-gn-5,.gall_row .col-gn-6,.gall_row .col-gn-7,.gall_row .col-gn-8,.gall_row .col-gn-9,.gall_row .col-gn-10 {position:relative;min-height:1px;padding-left:10px;*padding-left:0;padding-right:10px;*padding-right:0;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:0}
|
||||
.gall_row .col-gn-0,.latest_row .col-gn-1 {width:100%}
|
||||
@@ -111,33 +111,36 @@ box-shadow:inset 0 2px 5px rgb(33, 135, 202)}
|
||||
#bo_gall .gall_now .gall_text_href a {color:#ff3061}
|
||||
|
||||
#bo_gall .gall_href a:link, #bo_gall .gall_href a:focus, #bo_gall .gall_href a:hover {text-decoration:none}
|
||||
#bo_gall .gall_img {border-bottom:1px solid #eee;text-align:center}
|
||||
#bo_gall .gall_img {border-bottom:1px solid #eee;text-align:center;max-height:200px;overflow:hidden}
|
||||
#bo_gall .gall_img a,#bo_gall .gall_img .no_image,#bo_gall .gall_img .is_notice {display:block}
|
||||
#bo_gall .gall_img img {max-width:100%;height:auto !important}
|
||||
#bo_gall .gall_img span {display:inline-block;background:#eee;text-align:center;line-height:150px;text-transform:uppercase;font-weight:bold;font-size:1.25em;color:#777}
|
||||
#bo_gall .gall_img span {display:inline-block;background:#eaeaea;text-align:center;line-height:200px;text-transform:uppercase;font-weight:bold;font-size:1.25em;color:#777}
|
||||
|
||||
#bo_gall .gall_text_href {margin:10px}
|
||||
#bo_gall .gall_text_href {margin:10px 0}
|
||||
#bo_gall .gall_text_href a {font-weight:bold}
|
||||
#bo_gall .gall_text_href img {margin:0 0 0 4px}
|
||||
#bo_gall .bo_tit {display:block;font-weight:bold;color:#000;font-size:1.083em}
|
||||
#bo_gall .bo_tit .cnt_cmt {background:#5c85c1;color:#fff; font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle;
|
||||
-webkit-box-shadow:inset 0 2px 5px rgba(255,255,255,0.3);
|
||||
-moz-box-shadow:inset 0 2px 5px rgba(255,255,255,0.3);
|
||||
box-shadow:inset 0 2px 5px rgba(255,255,255,0.3)}
|
||||
#bo_gall .profile_img img {border-radius:50%}
|
||||
#bo_gall .gall_name {margin:10px}
|
||||
#bo_gall .bo_tit {display:block;line-height:30px;font-weight:bold;color:#000;font-size:1.2em}
|
||||
#bo_gall .bo_tit .cnt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}
|
||||
|
||||
#bo_gall .bo_cnt {color:#acacac;line-height:18px}
|
||||
#bo_gall .profile_img img {border-radius:50%}
|
||||
#bo_gall .bo_tit .fa-download {width:16px;height:16px;line-height:16px;background:#e89f31;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle}
|
||||
#bo_gall .bo_tit .fa-link {width:16px;height:16px;line-height:16px;background:#ad68d8;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle;font-weight:normal}
|
||||
#bo_gall .bo_tit .fa-link {width:16px;height:16px;line-height:16px;background:#ad68d8;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle;margin-right:2px}
|
||||
#bo_gall .bo_tit .new_icon {display:inline-block;width:16px;line-height:16px ;font-size:0.833em;color:#fff;background:#6db142;text-align:center;border-radius:2px;vertical-align:middle;margin-right:2px}
|
||||
#bo_gall .bo_tit .hot_icon {display:inline-block;width:16px;line-height:16px ;font-size:0.833em;color:#fff;background:#e52955;text-align:center;border-radius:2px;vertical-align:middle;margin-right:2px}
|
||||
#bo_gall .bo_tit .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#fff;background:#6db142;text-align:center;border-radius:2px;vertical-align:middle;margin-right:2px}
|
||||
#bo_gall .bo_tit .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#fff;background:#e52955;text-align:center;border-radius:2px;vertical-align:middle;margin-right:2px}
|
||||
#bo_gall .bo_tit .fa-lock {display:inline-block;line-height:16px;color:#999;text-align:center;vertical-align:middle}
|
||||
|
||||
#bo_gall .gall_info {line-height:1.5em;padding:10px;font-size:0.92em;background:#f6f6f6;line-height:20px}
|
||||
#bo_gall .gall_info strong { display:inline-block;margin:0 0 0 10px }
|
||||
#bo_gall .gall_info {line-height:1.5em;font-size:0.92em;line-height:20px}
|
||||
#bo_gall .gall_info strong {display:inline-block;margin:0}
|
||||
#bo_gall .gall_info i {font-size:12px}
|
||||
#bo_gall .gall_info .gall_date {position:absolute;bottom:10px;right:10px;font-style:italic;display:inline-block;color:#777}
|
||||
#bo_gall .gall_info .gall_date,
|
||||
#bo_gall .gall_info .gall_view {display:inline-block;margin-left:10px;color:#777}
|
||||
|
||||
#bo_gall .gall_option {position:absolute;top:170px;left:10px}
|
||||
#bo_gall .gall_option strong {background:#fff;padding:5px 10px;border-radius:30px;-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
|
||||
-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
|
||||
box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)}
|
||||
|
||||
/* 게시판 목록 공통 */
|
||||
#bo_btn_top {margin:10px 0}
|
||||
@@ -145,7 +148,7 @@ box-shadow:inset 0 2px 5px rgba(255,255,255,0.3)}
|
||||
.bo_fx {margin-bottom:5px;float:right;zoom:1}
|
||||
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.bo_fx ul {margin:0;padding:0;list-style:none}
|
||||
#bo_list_total {float:left;line-height:30px;font-size:0.92em;color:#4e546f;background:#d4d4d4;padding:0 10px;border-radius:5px}
|
||||
#bo_list_total {float:left;line-height:30px;font-size:0.92em;color:#4e546f}
|
||||
|
||||
.btn_bo_user {float:right;margin:0;padding:0;list-style:none}
|
||||
.btn_bo_user li {float:left;width:40px;text-align:center;margin-left:5px;background:#fff}
|
||||
@@ -165,7 +168,8 @@ box-shadow:inset 0 2px 5px rgba(255,255,255,0.3)}
|
||||
.more_opt li:hover button {color:#000}
|
||||
|
||||
.td_num strong {color:#000}
|
||||
.bo_cate_link {display:inline-block;margin:0 3px 0 0;font-size:0.92em;color:#3598db !important;font-weight:bold} /* 글제목줄 분류스타일 */
|
||||
.bo_cate_link {display:inline-block;background:#e2eaf6;color:#3a8afd;font-weight:normal !important;height:20px;line-height:10px;padding:5px 8px;border-radius:5px;font-size:0.95em} /* 글제목줄 분류스타일 */
|
||||
.bo_cate_link:hover {text-decoration:none}
|
||||
.bo_current {color:#e8180c}
|
||||
#bo_list .profile_img {display:inline-block;margin-right:5px}
|
||||
#bo_list .profile_img img {border-radius:50%}
|
||||
@@ -236,22 +240,36 @@ box-shadow:inset 0 2px 5px rgb(33, 135, 202)}
|
||||
#bo_v_info .if_comment {display:inline-block;background:url(./img/icon_comment.png) no-repeat 50% 50%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin-right:3px}
|
||||
#bo_v_info .if_date {float:right;margin:0;font-style:italic;color:#888}
|
||||
|
||||
#bo_v_file {margin:10px 0;border:1px solid #d4d4d4}
|
||||
#bo_v_file h2 {padding:10px;background:#f3f3f3}
|
||||
#bo_v_file ul {margin:0;padding:5px 0;list-style:none}
|
||||
#bo_v_file li {padding:5px 10px;position:relative}
|
||||
#bo_v_file a {display:inline-block;color:#3497d9;text-decoration:underline;word-wrap:break-word}
|
||||
#bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none}
|
||||
#bo_v_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
#bo_v_file ul {margin:0;list-style:none}
|
||||
#bo_v_file li {padding:15px;position:relative;margin:10px 0;border:1px solid #dfdfdf;border-radius:5px;
|
||||
-webkit-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);
|
||||
-moz-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);
|
||||
box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%)}
|
||||
#bo_v_file li i {float:left;color:#b2b2b2;font-size:2.35em;margin-right:20px}
|
||||
#bo_v_file a {float:left;display:block;text-decoration:none;word-wrap:break-word;color:#000}
|
||||
#bo_v_file a:focus, #bo_v_file li:hover a, #bo_v_file a:active {text-decoration:underline;color:#3a8afd}
|
||||
#bo_v_file img {float:left;margin:0 10px 0 0}
|
||||
.bo_v_file_cnt {position:absolute;top:5px;right:10px;color:#888;font-size:0.92em}
|
||||
#bo_v_file .bo_v_file_cnt {color:#b2b2b2;font-size:0.92em}
|
||||
#bo_v_file li:hover {border-color:#bed4f4;color:#bed4f4}
|
||||
#bo_v_file li:hover i {color:#3a8afd}
|
||||
#bo_v_file li:hover .bo_v_file_cnt {color:#99c2fc}
|
||||
|
||||
|
||||
#bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
#bo_v_file ul {margin:0;list-style:none}
|
||||
#bo_v_link li {padding:15px;position:relative;margin:10px 0;border:1px solid #dfdfdf;border-radius:5px;
|
||||
-webkit-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);
|
||||
-moz-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);
|
||||
box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%)}
|
||||
#bo_v_link li i {float:left;color:#b2b2b2;font-size:2.35em;margin-right:20px}
|
||||
#bo_v_link a {float:left;display:block;text-decoration:none;word-wrap:break-word;color:#000}
|
||||
#bo_v_link a:focus, #bo_v_link li:hover a, #bo_v_link a:active {text-decoration:underline;color:#3a8afd}
|
||||
#bo_v_link .bo_v_link_cnt {color:#b2b2b2;font-size:0.92em}
|
||||
#bo_v_link li:hover {border-color:#bed4f4;color:#bed4f4}
|
||||
#bo_v_link li:hover i {color:#3a8afd}
|
||||
#bo_v_link li:hover .bo_v_link_cnt {color:#99c2fc}
|
||||
|
||||
#bo_v_link {margin:10px 0;border:1px solid #d4d4d4}
|
||||
#bo_v_link h2 {padding:10px;border-bottom:1px solid #e8e8e8;background:#f3f3f3}
|
||||
#bo_v_link ul {margin:0;padding:5px 0;list-style:none}
|
||||
#bo_v_link li {padding:5px 10px;position:relative}
|
||||
#bo_v_link a {display:inline-block;color:#3497d9;text-decoration:underline;word-wrap:break-word}
|
||||
#bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none}
|
||||
.bo_v_link_cnt {position:absolute;top:5px;right:10px;color:#888;font-size:0.92em}
|
||||
|
||||
#bo_v_top {zoom:1}
|
||||
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
@@ -297,25 +315,21 @@ box-shadow:inset 0 2px 5px rgb(33, 135, 202)}
|
||||
#bo_v_act .bo_v_good {display:inline-block;border:1px solid #000;width:70px;height:70px;padding-top:40px;background:url(./img/icon_good.png) 25px 18px no-repeat;border-radius:50%;font-style:italic}
|
||||
#bo_v_act .bo_v_nogood {display:inline-block;border:1px solid #000;width:70px;height:70px;padding-top:40px;background:url(./img/icon_bad.png) 25px 18px no-repeat;border-radius:50%;font-style:italic}
|
||||
|
||||
#bo_v_share {position:relative;margin:20px 0;text-align:right}
|
||||
#bo_v_share .btn {padding:0 10px 0 0;color:#555;font-weight:normal;font-size:1em ;line-height:30px;height:32px;border-radius:0;border-color:#d5d5d5}
|
||||
#bo_v_share .btn:hover {background:#fff}
|
||||
#bo_v_share .btn i {margin-right:5px;background:#eee;color:#333;text-align:center;width:30px;line-height:30px;vertical-align:top}
|
||||
#bo_v_share .btn_share {}
|
||||
#bo_v_share .btn_share:hover {}
|
||||
|
||||
.bo_v_snswr {position:relative;display:inline-block;margin-left:-1px}
|
||||
#bo_v_sns {display:none;position:absolute;top:-50px;left:50%;margin-left:-90px;width:180px;padding:0;list-style:none;zoom:1}
|
||||
#bo_v_sns {float:left;padding:0;list-style:none;zoom:1}
|
||||
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_v_sns:before {content:"";position:absolute;bottom:-7px;left:84px;width:0;height:0;border-style:solid;border-width:7px 6px 0 6px;border-color:#415b92 transparent transparent transparent}
|
||||
#bo_v_sns li {float:left;width:60px;text-align:center}
|
||||
#bo_v_sns li a {height:40px;padding:10px 0}
|
||||
#bo_v_sns li .sns_f {display:block;background:#415b92}
|
||||
#bo_v_sns li .sns_t {display:block;background:#35b3dc}
|
||||
#bo_v_sns li .sns_g {display:block;background:#d5503a}
|
||||
#bo_v_sns li {float:left;width:135px;margin-right:5px;text-align:left}
|
||||
#bo_v_sns li a {height:35px;line-height:35px;text-align:center;border-radius:5px;color:#fff;font-size:0.95em}
|
||||
#bo_v_sns li img {vertical-align:middle;margin-right:5px}
|
||||
#bo_v_sns li .sns_f {display:block;background:#3b5997}
|
||||
#bo_v_sns li .sns_t {display:block;background:#09aeee}
|
||||
#bo_v_sns li .sns_g {display:block;background:#ea4026}
|
||||
#bo_v_sns.show_kakao {width:240px;margin-left:-120px}
|
||||
#bo_v_sns li .sns_k {display:block;background:#fbe300}
|
||||
#bo_v_sns li img {vertical-align:top}
|
||||
|
||||
#bo_v_share {position:relative;margin:20px 0}
|
||||
#bo_v_share .btn {padding:0 10px;color:#555;font-weight:normal;font-size:1em;width:80px;line-height:35px;height:35px;border-color:#d5d5d5;border-radius:5px}
|
||||
#bo_v_share .btn:hover {background:#fff}
|
||||
#bo_v_share .btn i {margin-right:5px;color:#4b5259;vertical-align:middle}
|
||||
|
||||
|
||||
/* 게시판 댓글 */
|
||||
|
||||
@@ -29,7 +29,6 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
|
||||
<span class="sound_only">댓글</span><strong><a href="#bo_vc"> <i class="fa fa-commenting-o" aria-hidden="true"></i> <?php echo number_format($view['wr_comment']) ?>건</a></strong>
|
||||
<span class="sound_only">조회</span><strong><i class="fa fa-eye" aria-hidden="true"></i> <?php echo number_format($view['wr_hit']) ?>회</strong>
|
||||
<strong class="if_date"><span class="sound_only">작성일</span><i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo date("y-m-d H:i", strtotime($view['wr_datetime'])) ?></strong>
|
||||
|
||||
</section>
|
||||
|
||||
<section id="bo_v_atc">
|
||||
@@ -119,11 +118,11 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
|
||||
if (isset($view['file'][$i]['source']) && $view['file'][$i]['source'] && !$view['file'][$i]['view']) {
|
||||
?>
|
||||
<li>
|
||||
<i class="fa fa-download" aria-hidden="true"></i>
|
||||
<i class="fa fa-folder-open" aria-hidden="true"></i>
|
||||
<a href="<?php echo $view['file'][$i]['href']; ?>" class="view_file_download">
|
||||
<strong><?php echo $view['file'][$i]['source'] ?></strong>
|
||||
<strong><?php echo $view['file'][$i]['source'] ?></strong> <?php echo $view['file'][$i]['content'] ?> (<?php echo $view['file'][$i]['size'] ?>)
|
||||
</a>
|
||||
<?php echo $view['file'][$i]['content'] ?> (<?php echo $view['file'][$i]['size'] ?>)
|
||||
<br>
|
||||
<span class="bo_v_file_cnt"><?php echo $view['file'][$i]['download'] ?>회 다운로드 | DATE : <?php echo $view['file'][$i]['datetime'] ?></span>
|
||||
</li>
|
||||
<?php
|
||||
@@ -149,10 +148,11 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
|
||||
$link = cut_str($view['link'][$i], 70);
|
||||
?>
|
||||
<li>
|
||||
<i class="fa fa-link" aria-hidden="true"></i> <a href="<?php echo $view['link_href'][$i] ?>" target="_blank">
|
||||
|
||||
<i class="fa fa-link" aria-hidden="true"></i>
|
||||
<a href="<?php echo $view['link_href'][$i] ?>" target="_blank">
|
||||
<strong><?php echo $link ?></strong>
|
||||
</a>
|
||||
<br>
|
||||
<span class="bo_v_link_cnt"><?php echo $view['link_hit'][$i] ?>회 연결</span>
|
||||
</li>
|
||||
<?php
|
||||
|
||||
@@ -8,8 +8,8 @@
|
||||
#bo_cate a {display:block;line-height:28px;padding:5px 15px;border-radius:30px;border:1px solid #d6e9ff;color:#6794d3}
|
||||
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#3a8afd;color:#fff}
|
||||
#bo_cate #bo_cate_on {z-index:2;background:#3a8afd;color:#fff;font-weight:bold;border:1px solid #3a8afd;
|
||||
-webkit-box-shadow: inset 0 2px 5px rgb(33, 135, 202);
|
||||
-moz-box-shadow: inset 0 2px 5px rgb(33, 135, 202);
|
||||
-webkit-box-shadow:inset 0 2px 5px rgb(33, 135, 202);
|
||||
-moz-box-shadow:inset 0 2px 5px rgb(33, 135, 202);
|
||||
box-shadow:inset 0 2px 5px rgb(33, 135, 202)}
|
||||
|
||||
#faq_wrap {margin:10px 0 30px}
|
||||
@@ -27,9 +27,7 @@ box-shadow:inset 0 2px 5px rgb(33, 135, 202)}
|
||||
#faq_con .con_inner .tit_bg {display:inline-block;position:absolute;top:10px;left:10px;text-align:center;background:#777;color:#fff;border-radius:50%;width:30px;line-height:30px;height:30px}
|
||||
#faq_con .con_inner .closer_btn {position:absolute;right:15px;top:15px;border:0;width:30px;height:30px;background:#fff;color:#3a8afd;font-size:1.2em}
|
||||
|
||||
|
||||
|
||||
#faq_sch {background:#f7f7f7;padding:30px;text-align:center;margin:0 0 10px}
|
||||
#faq_sch .sch_tit{position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
|
||||
#faq_sch .sch_tit {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
|
||||
#faq_sch .frm_input {border:1px solid #d0d3db;width:300px;height:45px;border-radius:0;border-radius:3px}
|
||||
#faq_sch .btn_submit {padding:0 10px;height:45px;width:88px;font-size:1.083em;font-weight:bold;color:#fff;background:#434a54}
|
||||
@@ -18,8 +18,22 @@ add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">',
|
||||
<li><a href="./memo_form.php">쪽지쓰기</a></li>
|
||||
</ul>
|
||||
|
||||
<div class="memo_list list_01">
|
||||
<div class="memo_list">
|
||||
<ul>
|
||||
<!-- **** 예시 참고 후 삭제합니다 : 읽은쪽지 -->
|
||||
<li class="read">
|
||||
<div class="memo_li profile_img">
|
||||
<?php echo get_member_profile_img($member['mb_id']); ?>
|
||||
</div>
|
||||
<div class="memo_li memo_name">
|
||||
<a href="<?php echo $list[$i]['view_href'] ?>">아리아나벤티</a> <span class="memo_datetime"><i class="fa fa-clock-o" aria-hidden="true"></i> 18-11-13 16:58</span>
|
||||
<br>
|
||||
<a href="<?php echo $list[$i]['view_href'] ?>" class="memo_cnt">읽은 쪽지입니다.</a>
|
||||
</div>
|
||||
<a href="<?php echo $list[$i]['del_href'] ?>" onclick="del(this.href); return false;" class="memo_del"><i class="fa fa-trash-o" aria-hidden="true"></i> <span class="sound_only">삭제</span></a>
|
||||
</li>
|
||||
<!-- **** 예시 참고 후 삭제합니다 : 읽은쪽지 -->
|
||||
|
||||
<?php for ($i=0; $i<count($list); $i++) { ?>
|
||||
<li>
|
||||
<div class="memo_li profile_img">
|
||||
@@ -29,7 +43,7 @@ add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">',
|
||||
<div class="memo_li memo_name">
|
||||
<a href="<?php echo $list[$i]['view_href'] ?>"><?php echo $list[$i]['mb_nick'] ?></a> <span class="memo_datetime"><i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo $list[$i]['send_datetime'] ?></span>
|
||||
<br>
|
||||
<span class="memo_cnt">쪽지 한줄 내용입니다.</span>
|
||||
<a href="<?php echo $list[$i]['view_href'] ?>" class="memo_cnt">안 읽은 쪽지입니다. 쪽지 내용입니다.</a>
|
||||
</div>
|
||||
<?php// 쪽지 읽은 시간 echo $list[$i]['read_datetime'] ?>
|
||||
<a href="<?php echo $list[$i]['del_href'] ?>" onclick="del(this.href); return false;" class="memo_del"><i class="fa fa-trash-o" aria-hidden="true"></i> <span class="sound_only">삭제</span></a>
|
||||
|
||||
@@ -42,8 +42,8 @@ add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">',
|
||||
</div>
|
||||
|
||||
<div class="win_btn">
|
||||
<input type="submit" value="보내기" id="btn_submit" class="btn_submit">
|
||||
<button type="button" onclick="window.close();" class="btn_close">창닫기</button>
|
||||
<button type="submit" id="btn_submit" class="btn btn_b02 reply_btn">보내기</button>
|
||||
<button type="button" onclick="window.close();" class="btn_close">창닫기</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
@@ -32,34 +32,33 @@ add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">',
|
||||
</header>
|
||||
<div id="memo_view_ul">
|
||||
<div class="memo_view_li memo_view_name">
|
||||
<!-- <span class="memo_view_subj"><?php echo $kind_str ?>사람</span> -->
|
||||
<!-- <strong><?php echo $nick ?></strong> -->
|
||||
<ul class="memo_from">
|
||||
<li class="memo_profile">
|
||||
<?php echo get_member_profile_img($member['mb_id']); ?>
|
||||
</li>
|
||||
<li class="memo_view_nick"><?php echo $nick ?></li>
|
||||
<li class="memo_view_date"><span class="sound_only"><?php echo $kind_date ?>시간</span><i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo $memo['me_send_datetime'] ?></li>
|
||||
<li class="memo_op_btn list_btn"><a href="<?php echo $list_link ?>" class="btn_b01 btn"><i class="fa fa-list" aria-hidden="true"></i><span class="sound_only">목록</span></a></li>
|
||||
<li class="memo_op_btn del_btn"><a href="<?php echo $list[$i]['del_href'] ?>" onclick="del(this.href); return false;" class="memo_del btn_b01 btn"><i class="fa fa-trash-o" aria-hidden="true"></i> <span class="sound_only">삭제</span></a></li>
|
||||
</ul>
|
||||
<div class="memo_btn">
|
||||
<?php if($prev_link) { ?>
|
||||
<a href="<?php echo $prev_link ?>" class="btn btn_b01"><i class="fa fa-angle-left" aria-hidden="true"></i> 이전쪽지</a>
|
||||
<a href="<?php echo $prev_link ?>" class="btn_left"><i class="fa fa-chevron-left" aria-hidden="true"></i> 이전쪽지</a>
|
||||
<?php } ?>
|
||||
<?php if($next_link) { ?>
|
||||
<a href="<?php echo $next_link ?>" class="btn btn_b01">다음쪽지 <i class="fa fa-angle-right" aria-hidden="true"></i></a>
|
||||
<a href="<?php echo $next_link ?>" class="btn_right">다음쪽지 <i class="fa fa-chevron-right" aria-hidden="true"></i></a>
|
||||
<?php } ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="memo_li memo_name">
|
||||
<a href="<?php echo $list[$i]['view_href'] ?>"><?php echo $list[$i]['mb_nick'] ?></a></span>
|
||||
<br>
|
||||
<span class="memo_view_date"><span class="sound_only"><?php echo $kind_date ?>시간</span><i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo $memo['me_send_datetime'] ?></span>
|
||||
</div>
|
||||
</div>
|
||||
<p>
|
||||
<?php echo conv_content($memo['me_memo'], 0) ?>
|
||||
</p>
|
||||
</article>
|
||||
|
||||
<div class="win_btn">
|
||||
<a href="<?php echo $list_link ?>" class="btn btn_b01"><i class="fa fa-list" aria-hidden="true"></i> 목록</a>
|
||||
<button type="button" onclick="window.close();" class="btn_close">창닫기</button>
|
||||
<?php if ($kind == 'recv') { ?><a href="./memo_form.php?me_recv_mb_id=<?php echo $mb['mb_id'] ?>&me_id=<?php echo $memo['me_id'] ?>" class="btn btn_b02 reply_btn">답장</a><?php } ?>
|
||||
</div>
|
||||
<div class="win_btn">
|
||||
<?php if ($kind == 'recv') { ?><a href="./memo_form.php?me_recv_mb_id=<?php echo $mb['mb_id'] ?>&me_id=<?php echo $memo['me_id'] ?>" class="reply_btn">답장</a><?php } ?>
|
||||
<button type="button" onclick="window.close();" class="btn_close">창닫기</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- } 쪽지보기 끝 -->
|
||||
@@ -187,41 +187,61 @@
|
||||
#mb_login #sns_login .txt {font-size:0.95em;padding-left:5px !important;border-left:0 !important}
|
||||
|
||||
/* 쪽지 */
|
||||
.memo_list li {position:relative;padding:15px}
|
||||
.memo_li {float:left}
|
||||
#memo_list .memo_name {padding-top:5px}
|
||||
#memo_list .memo_name a,
|
||||
#memo_list .memo_name .sv_wrap {font-weight:bold}
|
||||
#memo_list .profile_img {position:relative;margin-right:15px}
|
||||
#memo_list .profile_img img {border-radius:50%;width:52px;height:52px}
|
||||
#memo_list .no_read {position:absolute;bottom:0;right:0;display:inline-block;background:#3a8afd;border:1px solid #e1edff;text-indent:-9999px;border-radius:10px;width:10px;height:10px;box-shadow:0 0 10px 3px #9ec3f9}
|
||||
#memo_list .no_read {animation:blinker 1s linear infinite}
|
||||
.memo_list {border-top:1px solid #ececec;}
|
||||
.memo_list li {border-bottom:1px solid #ececec;background:#fff;padding:10px 15px;list-style:none;position:relative}
|
||||
.memo_list li:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.memo_list li.read {background:#f6f6f6}
|
||||
.memo_list li.empty_li {text-align:center;padding:20px 0;color:#666}
|
||||
|
||||
.memo_list .memo_li {float:left}
|
||||
.memo_list .profile_img {position:relative;margin-right:15px}
|
||||
.memo_list .profile_img img {border-radius:50%;width:52px;height:52px}
|
||||
.memo_list .memo_name {padding-top:5px}
|
||||
.memo_list .memo_name a,
|
||||
.memo_list .memo_name .sv_wrap {font-weight:bold}
|
||||
.memo_list .no_read {position:absolute;bottom:0;right:0;display:inline-block;background:#3a8afd;border:1px solid #e1edff;text-indent:-9999px;border-radius:10px;width:10px;height:10px;box-shadow:0 0 10px 3px #9ec3f9}
|
||||
.memo_list .no_read {animation:blinker 1s linear infinite}
|
||||
|
||||
@keyframes blinker {
|
||||
50% {opacity:0}
|
||||
}
|
||||
|
||||
#memo_list h1#win_title {padding:10px 10px 10px 20px}
|
||||
#memo_list .memo_datetime {font-size:0.92em;color:#888d92}
|
||||
#memo_list .memo_del {position:absolute;right:15px;top:20px;padding:10px;color:#c7c9cb;font-size:1.4em}
|
||||
#memo_list .memo_del {position:absolute;right:15px;top:15px;padding:10px;color:#c7c9cb;font-size:1.4em}
|
||||
#memo_list .memo_cnt {margin-top:5px;font-weight:normal;display:inline-block;font-size:1.2em}
|
||||
|
||||
#memo_view_contents {margin:10px 0;border:1px solid #ddd}
|
||||
#memo_view_contents {margin-bottom:20px;border-top:1px solid #ececec;border-bottom:1px solid #ececec}
|
||||
#memo_view_contents h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
#memo_view_ul {margin:0;border-bottom:1px solid #eee;list-style:none;background:#f3f3f3}
|
||||
#memo_view_ul {margin:0;list-style:none;background:#f6f6f6}
|
||||
#memo_view_ul:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.memo_view_li {position:relative;padding:10px;float:left;width:50%}
|
||||
.memo_view_name strong,.memo_view_name .sv_wrap {font-weight:bold !important}
|
||||
/*.memo_view_subj {display:inline-block;height:20px;line-height:18px;border:1px solid #3497d9;color:#3497d9;padding:0 5px;border-radius:15px;font-size:11px}*/
|
||||
.memo_view_li .profile_img img {border-radius:50%}
|
||||
.memo_view_date {text-align:right;color:#555}
|
||||
.memo_view_date strong {font-weight:normal}
|
||||
.memo_view_li {position:relative;/*padding:10px;float:left;width:50%*/}
|
||||
|
||||
.memo_btn {background:pink;display:inline-block}
|
||||
#memo_view .btn_b02 {float:right}
|
||||
#memo_view .btn_b02.reply_btn {margin-left:4px}
|
||||
#memo_view p {padding:10px;border-top:1px solid #ddd;min-height:150px;height:auto !important;height:150px;background:#fff;line-height:1.8em}
|
||||
.memo_view_li .profile_img img {display:none}
|
||||
.memo_from {position:relative;background:#fff;border-bottom:1px solid #ececec;padding:15px 20px}
|
||||
.memo_from li {float:left}
|
||||
.memo_from li.memo_profile img {width:40px;height:40px;border-radius:50%}
|
||||
.memo_from li:first-child {margin-right:10px}
|
||||
.memo_from li.memo_view_nick {width:80%}
|
||||
.memo_from li.memo_view_nick a {font-weight:bold !important}
|
||||
.memo_from li.memo_view_date {display:block;color:#555;line-height:24px}
|
||||
.memo_from li.memo_op_btn {position:absolute}
|
||||
.memo_from li.list_btn {right:53px;}
|
||||
.memo_from li.del_btn {right:15px;padding}
|
||||
.memo_from:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
|
||||
#memo_write textarea {height:100px}
|
||||
.memo_btn {width:100%}
|
||||
.memo_btn a {display:inline-block;width:50%;font-size:1em;color:#888d92;padding:20px}
|
||||
.memo_btn a.btn_right {float:right;text-align:right}
|
||||
.memo_btn a i {font-size:1.2em;color:#acabab;vertical-align:bottom}
|
||||
|
||||
#memo_view p {padding:10px;min-height:150px;height:auto !important;height:150px;background:#fff;line-height:1.8em}
|
||||
#memo_view textarea {height:100px}
|
||||
|
||||
#memo_write .form_01 {padding:20px;border-top:1px solid #ececec}
|
||||
|
||||
.reply_btn {display:inline-block;width:150px;height:50px;line-height:50px;padding:0 10px;font-weight:bold;background:#3a8afd;color:#fff;border-radius:3px;vertical-align:bottom;margin-right:5px}
|
||||
#memo_write .reply_btn {font-size:1em}
|
||||
|
||||
/* 스크랩 */
|
||||
#scrap li:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
|
||||
@@ -26,9 +26,9 @@ $theme_config = array(
|
||||
'cf_mobile_connect_skin' => 'basic', // 모바일 접속자 스킨
|
||||
'cf_faq_skin' => 'basic', // FAQ 스킨
|
||||
'cf_mobile_faq_skin' => 'basic', // 모바일 FAQ 스킨
|
||||
'bo_gallery_cols' => 4, // 갤러리 이미지 수
|
||||
'bo_gallery_width' => 210, // 갤러리 이미지 폭
|
||||
'bo_gallery_height' => 150, // 갤러리 이미지 높이
|
||||
'bo_gallery_cols' => 3, // 갤러리 이미지 수
|
||||
'bo_gallery_width' => 295, // 갤러리 이미지 폭
|
||||
'bo_gallery_height' => 200, // 갤러리 이미지 높이
|
||||
'bo_mobile_gallery_width' => 125, // 모바일 갤러리 이미지 폭
|
||||
'bo_mobile_gallery_height' => 100, // 모바일 갤러리 이미지 높이
|
||||
'bo_image_width' => 600, // 게시판 뷰 이미지 폭
|
||||
|
||||
Reference in new issue
Block a user