모바일 사이드메뉴, 검색창, 인기검색어, 접속자집계, 최신글 수정중
This commit is contained in:
leebokyung
+33
-34
@@ -41,50 +41,49 @@ ul {list-style:none}
|
||||
#hd:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#hd_h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
|
||||
|
||||
#logo {padding:10px 10px;height:50px;text-align:center}
|
||||
#logo img {vertical-align:middle;max-height:100%;width:auto}
|
||||
#gnb_open {position:absolute;top:10px;left:10px;padding:0 10px;height:30px;width:30px;border:0;background-size:70%;color:#fff;background:none; font-size:16px}
|
||||
#gnb {display:none;background:#262626;position:fixed;top:0;left:0;z-index:99999;height:100%;overflow-y:auto;width:300px;
|
||||
#logo {padding:10px 10px;height:62px;text-align:center}
|
||||
#logo img {vertical-align:middle;margin-top:5px;max-height:100%;width:auto}
|
||||
#gnb_open {position:absolute;top:10px;left:10px;padding:0 10px;height:40px;width:40px;border:0;background-size:70%;color:#fff;background:none;font-size:2em}
|
||||
#gnb {display:none;background:#efefef;position:fixed;top:0;left:0;z-index:99999;height:100%;overflow-y:auto;width:100%;
|
||||
-webkit-box-shadow:0 0 5px rgba(55,55,5,0.4);
|
||||
-moz-box-shadow:0 0 5px rgba(55,55,5,0.4);
|
||||
box-shadow:0 0 5px rgba(55,55,5,0.4)}
|
||||
|
||||
#gnb a {display:block;color:#efefef}
|
||||
#gnb_1dul {background:#fff}
|
||||
#gnb_1dul a {display:block;color:#000}
|
||||
.gnb_1dli {position:relative;line-height:40px}
|
||||
.gnb_1dli button {position:absolute;top:0;right:0;background:url;border:0;width:40px;height:40px;overflow:hidden;border:0;background:url(../img/mobile/gnb_bg.png) no-repeat 50% 50%;text-indent:-9999px}
|
||||
.gnb_1dli button.btn_gnb_cl {background:url(../img/mobile/gnb_bg2.png) no-repeat 50% 50%}
|
||||
.gnb_1da {padding:0 20px;border-bottom:1px solid #2d2d2d}
|
||||
.gnb_2dul {display:none}
|
||||
.gnb_2da {border-bottom:1px solid #2d2d2d;background:url(../img/btn_next.gif) no-repeat 21px 17px;padding-left:30px}
|
||||
#gnb_close {display:block;margin:0;height:50px;width:100%;border:0;background:url(../img/mobile/btn_close.png) no-repeat right 50%
|
||||
#222222;background-size:25px;color:#fff;text-indent:-999999999px;overflow:hidden}
|
||||
.gnb_1da {padding:5px 20px;border-bottom:1px solid #eee;font-weight:bold;font-size:1.2em;}
|
||||
.gnb_2dul {display:none;background:#fafafa}
|
||||
.gnb_2da {padding-left:30px}
|
||||
#gnb_close {display:block;position:absolute;right:8px;top:10px;z-index:99;font-weight:bold;margin:0;height:40px;width:40px;border:0;color:#bfb8b2;font-size:2em;background:transparent}
|
||||
|
||||
#gnb_empty {padding:20px 0;color:#fff;text-align:center;line-height:2em}
|
||||
#gnb_empty a {display:inline;text-decoration:underline}
|
||||
|
||||
#hd_sch {text-align:center;padding:20px}
|
||||
#hd_sch {text-align:center;padding:12px 55px 12px 15px;background:#212020}
|
||||
#hd_sch h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
|
||||
#hd_sch form {position:relative;padding-right:40px}
|
||||
#hd_sch #sch_stx {width:100%;height:45px;background:#464646;border:0;padding-left:10px;border-radius:3px 0 0 3px;color:#fff}
|
||||
#hd_sch #sch_submit {position:absolute;top:0;right:0;width:40px;height:45px;border:0;border-radius:0 3px 3px 0;cursor:pointer;color:#fff;background:#464646;font-size:1.25em}
|
||||
#hd_sch #sch_stx {width:100%;height:38px;margin-left:40px;background:#464646;border:0;color:#fff}
|
||||
#hd_sch #sch_submit {position:absolute;top:0;left:0;width:40px;height:38px;border:0;border-radius:3px;cursor:pointer;color:#fff;background:#464646;font-size:1.25em}
|
||||
|
||||
#user_btn {position:absolute;top:10px;right:10px;padding:0 10px;height:30px;width:30px;border:0;color:#fff;font-size:16px;background:none;letter-spacing:-0.1em}
|
||||
#user_menu {display:none;position:fixed;top:0;right:0;height:100%;overflow-y:auto;width:320px;z-index:9999;background:#fff;text-align:center;
|
||||
-webkit-box-shadow:0 0 5px rgba(55,55,5,0.4);
|
||||
-moz-box-shadow:0 0 5px rgba(55,55,5,0.4);
|
||||
box-shadow:0 0 5px rgba(55,55,5,0.4)}
|
||||
#user_close {display:block;margin:0;height:50px;width:100%;border:0;background:url(../img/mobile/btn_close.png) no-repeat right 50%
|
||||
#222;background-size:25px;color:#fff;text-indent:-999999999px;overflow:hidden}
|
||||
#snb_cnt span {display:inline-block;padding:0 7px;height:18px;line-height:18px;font-size:12px;background:#3ca1ff;border-radius:20px;color:#fff}
|
||||
#user_btn {position:absolute;top:10px;right:10px;padding:0 10px;height:40px;width:40px;border:0;color:#fff;font-size:1.8em;background:none;letter-spacing:-0.1em}
|
||||
#user_menu {display:none;position:fixed;top:0;right:0;width:100%;height:100%;overflow-y:auto;z-index:9999;background:#efefef;text-align:center}
|
||||
#user_close {display:block;position:absolute;right:8px;top:10px;z-index:99;font-weight:bold;margin:0;height:40px;width:40px;border:0;color:#bfb8b2;font-size:1.8em;background:transparent}
|
||||
|
||||
#hd_nb {margin:20px}
|
||||
/*{display:block;margin:0;height:50px;width:100%;border:0;background:url(../img/mobile/btn_close.png) no-repeat right 50%
|
||||
pink;background-size:25px;color:#fff;text-indent:-999999999px;overflow:hidden}*/
|
||||
#snb_cnt span {display:inline-block;float:right;padding:0 7px;height:18px;margin-top:3px;line-height:18px;font-size:12px;background:#da22f5;border-radius:20px;color:#fff}
|
||||
|
||||
#hd_nb {background:#fff;margin-top:10px;border-bottom:1px solid #e1e1e1}
|
||||
#hd_nb:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#hd_nb li {width:50%;float:left;text-align:center;line-height:25px;font-size:1.083em;font-weight:bold}
|
||||
#hd_nb li a {display:block;color:#717171;padding:20px 0}
|
||||
#hd_nb li i {font-size:20px}
|
||||
#hd_nb .hd_nb1 {border-right:1px solid #e2e5e7;border-bottom:1px solid #e2e5e7}
|
||||
#hd_nb .hd_nb2 {border-bottom:1px solid #e2e5e7}
|
||||
#hd_nb .hd_nb3 {border-right:1px solid #e2e5e7}
|
||||
#hd_nb li a {display:block;color:#717171;text-align:left;padding:10px 15px}
|
||||
#hd_nb li i {font-size:14px;margin-right:10px;color:#a5a8ac}
|
||||
#hd_nb .hd_nb1 {border-right:1px solid #efefef;border-bottom:1px solid #efefef}
|
||||
#hd_nb .hd_nb2 {border-bottom:1px solid #efefef}
|
||||
#hd_nb .hd_nb3 {border-right:1px solid #efefef}
|
||||
|
||||
/* 텍스트 크기 조절 */
|
||||
#text_size {margin:0 0 10px;text-align:center;display:inline-block;padding:7px 20px;background:#e6e7e9;border-radius:25px;height:48px}
|
||||
@@ -127,7 +126,7 @@ box-shadow:0 0 5px rgba(55,55,5,0.4);
|
||||
#ft_copy a {color:inherit;text-decoration:none}
|
||||
|
||||
#top_btn {position:fixed;bottom:10px;right:10px;width:40px;height:40px;line-height:36px;border:2px solid #333;background:rgba(255,255,255,0.6);color:#333;text-align:center;font-size:15px;z-index:99}
|
||||
#device_change {display:block;line-height:40px;border:1px solid #3a3a3a;border-radius:2em;color:#777;font-size:1em;text-decoration:none;text-align:center}
|
||||
#device_change {display:block;line-height:40px;border-radius:2em;background:#302e2e;color:#777;font-size:1em;text-decoration:none;text-align:center}
|
||||
|
||||
/* 게시물 선택복사 선택이동 */
|
||||
#copymove {}
|
||||
@@ -201,14 +200,14 @@ a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;border:0;b
|
||||
button.btn_frmline {font-size:1em}
|
||||
|
||||
/* 게시판용 버튼 */
|
||||
a.btn_b01,.btn_b01 {display:inline-block;background:transparent;color:#bababa;border:0;text-decoration:none;vertical-align:middle}
|
||||
.btn_b01:hover, .btn_b01:hover {color:#000}
|
||||
a.btn_b02, .btn_b02 {display:inline-block;padding:0 10px;background:#253dbe;color:#fff;text-decoration:none;vertical-align:middle;border:0}
|
||||
a.btn_b02:hover, .btn_b02:hover {background:#0025eb}
|
||||
a.btn_b01,.btn_b01 {display:inline-block;background:#3a8afd;color:#fff;border-radius:3px;padding:10px;border:0;text-decoration:none;vertical-align:middle}
|
||||
.btn_b01:hover, .btn_b01:hover {}
|
||||
a.btn_b02, .btn_b02 {display:inline-block;background:transparent;color:#fff;border-radius:3px;padding:10px;border:1px solid #787878;text-decoration:none;vertical-align:middle}
|
||||
a.btn_b02:hover, .btn_b02:hover {}
|
||||
a.btn_b03, .btn_b03 {display:inline-block;line-height:28px;border:1px solid #ed6478;color:#ed6478;background:none;text-decoration:none;vertical-align:middle}
|
||||
a.btn_b03:hover, .btn_b03:hover {}
|
||||
a.btn_admin {display:inline-block;color:#d13f4a;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
|
||||
a.btn_admin:focus, a.btn_admin:hover {color:#ff3746}
|
||||
a.btn_admin:focus, a.btn_admin:hover {}
|
||||
|
||||
/* 기본테이블 */
|
||||
.tbl_wrap {margin:0 10px 10px}
|
||||
@@ -237,7 +236,7 @@ a.btn_admin:focus, a.btn_admin:hover {color:#ff3746}
|
||||
|
||||
/* 기본리스트 */
|
||||
.list_01 ul {}
|
||||
.list_01 li {background:#fff;border-bottom:1px solid #ccc}
|
||||
.list_01 li {background:#fff;border-bottom:1px solid #e5ecee}
|
||||
|
||||
/* 기본폼 */
|
||||
.form_01 {margin:10px}
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 3.2 KiB |
+13
-14
@@ -29,7 +29,7 @@ include_once(G5_LIB_PATH.'/popular.lib.php');
|
||||
<button type="button" id="gnb_open" class="hd_opener"><i class="fa fa-bars" aria-hidden="true"></i><span class="sound_only"> 메뉴열기</span></button>
|
||||
|
||||
<div id="gnb" class="hd_div">
|
||||
<button type="button" id="gnb_close" class="hd_closer"><span class="sound_only">메뉴 </span>닫기</button>
|
||||
<button type="button" id="gnb_close" class="hd_closer"><span class="sound_only">메뉴 닫기</span><i class="fa fa-times" aria-hidden="true"></i></button>
|
||||
<?php echo outlogin('theme/basic'); // 외부 로그인 ?>
|
||||
<ul id="gnb_1dul">
|
||||
<?php
|
||||
@@ -72,13 +72,23 @@ include_once(G5_LIB_PATH.'/popular.lib.php');
|
||||
<li id="gnb_empty">메뉴 준비 중입니다.<?php if ($is_admin) { ?> <br><a href="<?php echo G5_ADMIN_URL; ?>/menu_list.php">관리자모드 > 환경설정 > 메뉴설정</a>에서 설정하세요.<?php } ?></li>
|
||||
<?php } ?>
|
||||
</ul>
|
||||
<ul id="hd_nb">
|
||||
<li class="hd_nb1"><a href="<?php echo G5_BBS_URL ?>/qalist.php" id="snb_qa"><i class="fa fa-comments" aria-hidden="true"></i>1:1문의</a></li>
|
||||
<li class="hd_nb2"><a href="<?php echo G5_BBS_URL ?>/faq.php" id="snb_faq"><i class="fa fa-question-circle" aria-hidden="true"></i>FAQ</a></li>
|
||||
<li class="hd_nb3"><a href="<?php echo G5_BBS_URL ?>/current_connect.php" id="snb_cnt"><i class="fa fa-users" aria-hidden="true"></i>접속자 <span><?php echo connect('theme/basic'); // 현재 접속자수 ?></span></a></li>
|
||||
<li class="hd_nb4"><a href="<?php echo G5_BBS_URL ?>/new.php" id="snb_new"><i class="fa fa-history" aria-hidden="true"></i>새글</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<button type="button" id="user_btn" class="hd_opener"><i class="fa fa-search" aria-hidden="true"></i><span class="sound_only">사용자메뉴</span></button>
|
||||
<div class="hd_div" id="user_menu">
|
||||
<button type="button" id="user_close" class="hd_closer"><span class="sound_only">메뉴 닫기</span><i class="fa fa-times" aria-hidden="true"></i></button>
|
||||
<div id="hd_sch">
|
||||
<h2>사이트 내 전체검색</h2>
|
||||
<form name="fsearchbox" action="<?php echo G5_BBS_URL ?>/search.php" onsubmit="return fsearchbox_submit(this);" method="get">
|
||||
<input type="hidden" name="sfl" value="wr_subject||wr_content">
|
||||
<input type="hidden" name="sop" value="and">
|
||||
<input type="text" name="stx" id="sch_stx" placeholder="검색어(필수)" required maxlength="20">
|
||||
<input type="text" name="stx" id="sch_stx" placeholder="검색어를 입력해주세요" required maxlength="20">
|
||||
<button type="submit" value="검색" id="sch_submit"><i class="fa fa-search" aria-hidden="true"></i><span class="sound_only">검색</span></button>
|
||||
</form>
|
||||
|
||||
@@ -110,18 +120,7 @@ include_once(G5_LIB_PATH.'/popular.lib.php');
|
||||
}
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="button" id="user_btn" class="hd_opener"><i class="fa fa-user" aria-hidden="true"></i><span class="sound_only">사용자메뉴</span></button>
|
||||
<div class="hd_div" id="user_menu">
|
||||
<button type="button" id="user_close" class="hd_closer"><span class="sound_only">메뉴 </span>닫기</button>
|
||||
<ul id="hd_nb">
|
||||
<li class="hd_nb1"><a href="<?php echo G5_BBS_URL ?>/qalist.php" id="snb_qa"><i class="fa fa-comments" aria-hidden="true"></i><br>1:1문의</a></li>
|
||||
<li class="hd_nb2"><a href="<?php echo G5_BBS_URL ?>/faq.php" id="snb_faq"><i class="fa fa-question-circle" aria-hidden="true"></i><br>FAQ</a></li>
|
||||
<li class="hd_nb3"><a href="<?php echo G5_BBS_URL ?>/current_connect.php" id="snb_cnt"><i class="fa fa-users" aria-hidden="true"></i><br>접속자 <span><?php echo connect('theme/basic'); // 현재 접속자수 ?></span></a></li>
|
||||
<li class="hd_nb4"><a href="<?php echo G5_BBS_URL ?>/new.php" id="snb_new"><i class="fa fa-history" aria-hidden="true"></i><br>새글</a></li>
|
||||
</ul>
|
||||
|
||||
<?php echo popular('theme/basic'); // 인기검색어 ?>
|
||||
<div id="text_size">
|
||||
<!-- font_resize('엘리먼트id', '제거할 class', '추가할 class'); -->
|
||||
<button id="size_down" onclick="font_resize('container', 'ts_up ts_up2', '', this);" class="select"><img src="<?php echo G5_URL; ?>/img/ts01.png" width="20" alt="기본"></button>
|
||||
|
||||
@@ -34,7 +34,6 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
|
||||
<?php echo $page ?> 페이지
|
||||
</div>
|
||||
|
||||
|
||||
<form name="fboardlist" id="fboardlist" action="./board_list_update.php" onsubmit="return fboardlist_submit(this);" method="post">
|
||||
<input type="hidden" name="bo_table" value="<?php echo $bo_table ?>">
|
||||
<input type="hidden" name="sfl" value="<?php echo $sfl ?>">
|
||||
|
||||
@@ -11,6 +11,7 @@
|
||||
#bo_list a.btn_admin {} /* 관리자 전용 버튼 */
|
||||
#bo_list a.btn_admin:focus, #bo_list a.btn_admin:hover {}
|
||||
.chk_all{margin:10px 0}
|
||||
|
||||
/* 읽기 버튼 */
|
||||
#bo_v a.btn_b01 {}
|
||||
#bo_v a.btn_b01:focus, #bo_v .btn_b01:hover {}
|
||||
|
||||
@@ -5,8 +5,8 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
|
||||
add_stylesheet('<link rel="stylesheet" href="'.$latest_skin_url.'/style.css">', 0);
|
||||
?>
|
||||
|
||||
<div class="lt list_01">
|
||||
<a href="<?php echo G5_BBS_URL ?>/board.php?bo_table=<?php echo $bo_table ?>" class="lt_title"><i class="fa fa-list-ul" aria-hidden="true"></i> <strong><?php echo $bo_subject ?></strong></a>
|
||||
<div class="lt">
|
||||
<a href="<?php echo G5_BBS_URL ?>/board.php?bo_table=<?php echo $bo_table ?>" class="lt_title"><strong><?php echo $bo_subject ?></strong></a>
|
||||
<ul>
|
||||
<?php for ($i=0; $i<count($list); $i++) { ?>
|
||||
<li>
|
||||
@@ -26,14 +26,19 @@ add_stylesheet('<link rel="stylesheet" href="'.$latest_skin_url.'/style.css">',
|
||||
if ($list[$i]['icon_file']) echo " <i class=\"fa fa-download\" aria-hidden=\"true\"></i>" ;
|
||||
if ($list[$i]['icon_link']) echo " <i class=\"fa fa-link\" aria-hidden=\"true\"></i>" ;
|
||||
if ($list[$i]['icon_hot']) echo " <i class=\"fa fa-heart\" aria-hidden=\"true\"></i>";
|
||||
|
||||
|
||||
if ($list[$i]['comment_cnt']) echo "
|
||||
<span class=\"lt_cmt\"><span class=\"sound_only\">댓글</span>".$list[$i]['comment_cnt']."</span>";
|
||||
|
||||
|
||||
echo "</a>";
|
||||
|
||||
?>
|
||||
<div class="lt_info">
|
||||
<div class="lt_info">
|
||||
<?php echo $list[$i]['name'] ?>
|
||||
<span class="lt_date"><?php if ($list[$i]['comment_cnt']) { ?><span class="sound_only">댓글</span><i class="fa fa-commenting-o" aria-hidden="true"></i><?php echo $list[$i]['comment_cnt']; ?><span class="sound_only">개</span><?php } ?>
|
||||
<i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo $list[$i]['datetime2'] ?></span>
|
||||
<span class="lt_date">
|
||||
|
||||
<?php echo $list[$i]['datetime'] ?>
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
<?php } ?>
|
||||
@@ -41,4 +46,5 @@ add_stylesheet('<link rel="stylesheet" href="'.$latest_skin_url.'/style.css">',
|
||||
<li class="empty_li">게시물이 없습니다.</li>
|
||||
<?php } ?>
|
||||
</ul>
|
||||
<a href="<?php echo get_pretty_url($bo_table); ?>" class="lt_more"><span class="sound_only"><?php echo $bo_subject ?></span>전체보기</a>
|
||||
</div>
|
||||
|
||||
@@ -1,19 +1,27 @@
|
||||
@charset "utf-8";
|
||||
|
||||
/* 최근게시물 스킨 (latest) */
|
||||
.lt {position:relative;padding:15px 10px ;}
|
||||
.lt ul {margin:10px 0 0 ;padding:0;list-style:none}
|
||||
.lt .lt_title {display:inline-block;background: #4162ff;color: #fff;border-radius: 13px;line-height: 24px;padding: 0 10px;border-bottom:1px solid #ccc;}
|
||||
.lt .lt_more {position:absolute;top:5px;right:10px}
|
||||
.lt .cnt_cmt {display:inline-block;margin:0 5px 0 3px;}
|
||||
.lt .lt_info{border-top: 1px solid #eee;margin: 10px 0 0;line-height: 20px;color: #666;position: relative;padding-top: 10px;vertical-align:top}
|
||||
.lt .profile_img img{border-radius:50%;vertical-align:top}
|
||||
.lt .lt_tit{display: block;font-size: 1.083em;font-weight: bold;margin: 5px 0;}
|
||||
.lt li .fa-download{width:16px;height:16px;line-height:16px;background:#ecaa30;color:#fff;text-align:center;font-size:10px;border-radius:2px}
|
||||
.lt li .fa-link{width:16px;height:16px;line-height:16px;background:#2aa974;color:#fff;text-align:center;font-size:10px;border-radius:2px}
|
||||
.lt li .fa-heart{color:#ff0000;}
|
||||
.lt li .new_icon{display:inline-block;padding: 0 3px;line-height:16px ;font-size:0.833em;color:#fff;background:#c56bed}
|
||||
.lt .lt_tit .fa-heart{color: #fe4560;}
|
||||
.lt .lt_date{position:absolute;top:10px;right:0;color:#666;font-style:italic}
|
||||
.lt .comment_icon{background:url(./img/icon_comment.png) no-repeat 50% 50% ;display:inline-block;width:20px;height:28px;text-indent:-999px;overflow:hidden;vertical-align:top;background-size:70%;margin:0 0px 0 5px}
|
||||
.lt .empty_li{text-align:center;padding:40px 0;color:#777}
|
||||
.lt {position:relative;margin:10px 0}
|
||||
.lt .lt_title {display:block;font-size:1.3em;padding:15px 15px 10px;line-height:24px;background:#fff}
|
||||
.lt ul {list-style:none;background:#fff;border-bottom:1px solid #e5ecee}
|
||||
.lt ul li {padding:0 15px;}
|
||||
.lt ul li:hover {background:#fafafa}
|
||||
.lt .lt_tit {display:block;font-size:1.2em;font-weight:bold;padding:10px 0}
|
||||
.lt .lt_info {position:relative;border-bottom:1px solid #e5ecee;line-height:20px;color:#828282;font-size:0.925em;padding:5px 0 10px;vertical-align:top}
|
||||
.lt ul li:last-child .lt_info {border-bottom:0}
|
||||
.lt .lt_date {color:#828282}
|
||||
|
||||
.lt .lt_more {position:absolute;top:15px;right:15px;color:#3a8afd;background:#fff;border:1px solid #d1d7e5;border-radius:3px;padding:3px}
|
||||
.lt .lt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}
|
||||
|
||||
.lt .profile_img img {border-radius:50%;vertical-align:top}
|
||||
.lt li .fa-lock {display:inline-block;line-height:14px;width:16px;font-size:0.833em;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;font-size:12px;border:1px solid #cbe3e8;vertical-align:middle}
|
||||
.lt li .fa-download {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#daae37;background:#ffefb9;text-align:center;border-radius:2px;margin-left:5px;vertical-align:middle}
|
||||
.lt li .fa-link {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#b451fd;background:#edd3fd;text-align:center;border-radius:2px;vertical-align:middle}
|
||||
.lt li .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#ff0000;background:#ffb9b9;text-align:center;border-radius:2px;vertical-align:middle}
|
||||
.lt li .fa-heart {color:#ff0000}
|
||||
.lt li .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#23db79;background:#b9ffda;text-align:center;border-radius:2px;margin-left:2px;font-weight:bold;vertical-align:middle}
|
||||
.lt .lt_tit .fa-heart {color: #fe4560}
|
||||
|
||||
.lt .comment_icon {background:url(./img/icon_comment.png) no-repeat 50% 50% ;display:inline-block;width:20px;height:28px;text-indent:-999px;overflow:hidden;vertical-align:top;background-size:70%;margin:0 0px 0 5px}
|
||||
.lt .empty_li {text-align:center;padding:40px 0;color:#777}
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.6 KiB |
@@ -7,66 +7,8 @@ add_stylesheet('<link rel="stylesheet" href="'.$outlogin_skin_url.'/style.css">'
|
||||
|
||||
<aside id="ol_before" class="ol">
|
||||
<h2>회원로그인</h2>
|
||||
<!-- 로그인 전 외부로그인 시작 -->
|
||||
<form name="foutlogin" action="<?php echo $outlogin_action_url ?>" onsubmit="return fhead_submit(this);" method="post" autocomplete="off">
|
||||
<fieldset>
|
||||
<input type="hidden" name="url" value="<?php echo $outlogin_url ?>">
|
||||
<input type="text" name="mb_id" id="ol_id" placeholder="아이디" required maxlength="20">
|
||||
<input type="password" id="ol_pw" name="mb_password" placeholder="비밀번호" required maxlength="20">
|
||||
<div id="ol_svc">
|
||||
<input type="checkbox" id="auto_login" name="auto_login" value="1">
|
||||
<label for="auto_login" id="auto_login_label">자동로그인</label>
|
||||
|
||||
</div>
|
||||
<input type="submit" id="ol_submit" value="로그인" class="btn_submit">
|
||||
<div class="ol_before_btn">
|
||||
<a href="<?php echo G5_BBS_URL ?>/register.php"><b>회원가입</b></a>
|
||||
<a href="<?php echo G5_BBS_URL ?>/password_lost.php" id="ol_password_lost">정보찾기</a>
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
<?php
|
||||
// 소셜로그인 사용시 소셜로그인 버튼
|
||||
@include_once(get_social_skin_path().'/social_outlogin.skin.1.php');
|
||||
?>
|
||||
|
||||
</form>
|
||||
<a href="<?php echo G5_BBS_URL ?>/login.php" class="btn_b01">로그인</a>
|
||||
<a href="<?php echo G5_BBS_URL ?>/register.php" class="btn_b02">회원가입</a>
|
||||
</aside>
|
||||
|
||||
<script>
|
||||
<?php if (!G5_IS_MOBILE) { ?>
|
||||
$omi = $('#ol_id');
|
||||
$omp = $('#ol_pw');
|
||||
$omp.css('display','inline-block').css('width',104);
|
||||
$omi_label = $('#ol_idlabel');
|
||||
$omi_label.addClass('ol_idlabel');
|
||||
$omp_label = $('#ol_pwlabel');
|
||||
$omp_label.addClass('ol_pwlabel');
|
||||
$omi.focus(function() {
|
||||
$omi_label.css('visibility','hidden');
|
||||
});
|
||||
$omp.focus(function() {
|
||||
$omp_label.css('visibility','hidden');
|
||||
});
|
||||
$omi.blur(function() {
|
||||
$this = $(this);
|
||||
if($this.attr('id') == "ol_id" && $this.attr('value') == "") $omi_label.css('visibility','visible');
|
||||
});
|
||||
$omp.blur(function() {
|
||||
$this = $(this);
|
||||
if($this.attr('id') == "ol_pw" && $this.attr('value') == "") $omp_label.css('visibility','visible');
|
||||
});
|
||||
<?php } ?>
|
||||
|
||||
$("#auto_login").click(function(){
|
||||
if (this.checked) {
|
||||
this.checked = confirm("자동로그인을 사용하시면 다음부터 회원아이디와 비밀번호를 입력하실 필요가 없습니다.\n\n공공장소에서는 개인정보가 유출될 수 있으니 사용을 자제하여 주십시오.\n\n자동로그인을 사용하시겠습니까?");
|
||||
}
|
||||
});
|
||||
|
||||
function fhead_submit(f)
|
||||
{
|
||||
return true;
|
||||
}
|
||||
</script>
|
||||
<!-- 로그인 전 외부로그인 끝 -->
|
||||
|
||||
@@ -12,7 +12,7 @@ add_stylesheet('<link rel="stylesheet" href="'.$outlogin_skin_url.'/style.css">'
|
||||
<div id="ol_after_hd">
|
||||
<span class="profile_img">
|
||||
<?php echo get_member_profile_img($member['mb_id']); ?>
|
||||
<a href="<?php echo G5_BBS_URL ?>/member_confirm.php?url=register_form.php" id="ol_after_info">정보수정</a>
|
||||
<a href="<?php echo G5_BBS_URL ?>/member_confirm.php?url=register_form.php" id="ol_after_info"><i class="fa fa-cog fa-3x fa-fw"></i><span class="sound_only">정보수정</span></a>
|
||||
</span>
|
||||
<strong><?php echo $nick ?>님</strong>
|
||||
<div id="ol_after_btn">
|
||||
@@ -24,21 +24,21 @@ add_stylesheet('<link rel="stylesheet" href="'.$outlogin_skin_url.'/style.css">'
|
||||
<ul id="ol_after_private">
|
||||
<li id="ol_after_memo">
|
||||
<a href="<?php echo G5_BBS_URL ?>/memo.php" target="_blank">
|
||||
<i class="fa fa-envelope-o" aria-hidden="true"></i>
|
||||
<span class="sound_only">안 읽은</span>쪽지
|
||||
<i class="fa fa-envelope-o" aria-hidden="true"></i>
|
||||
<strong><?php echo $memo_not_read ?></strong>
|
||||
</a>
|
||||
</li>
|
||||
<li id="ol_after_pt">
|
||||
<a href="<?php echo G5_BBS_URL ?>/point.php" target="_blank">
|
||||
포인트
|
||||
<i class="fa fa-database" aria-hidden="true"></i>
|
||||
포인트
|
||||
<strong><?php echo $point ?></strong>
|
||||
</a>
|
||||
</li>
|
||||
<li id="ol_after_scrap">
|
||||
<a href="<?php echo G5_BBS_URL ?>/scrap.php" target="_blank">
|
||||
<i class="fa fa-thumb-tack" aria-hidden="true"></i>스크랩
|
||||
<i class="fa fa-thumb-tack" aria-hidden="true"></i>스크랩
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
.ol {position:relative;margin:0 0 10px;text-align:center}
|
||||
.ol h2 {width:0;height:0;overflow:hidden}
|
||||
|
||||
#ol_before {padding:20px 30px 30px}
|
||||
#ol_before {background:#212020;padding:12px 15px;text-align:left}
|
||||
#ol_before input[type=text], #ol_before input[type=password] {width:100%;border:0;border-bottom:1px solid #434242;background:none;height:40px;;margin:0 0 10px;color:#fff}
|
||||
#ol_submit {width:100%;height:40px;border-radius:23px;font-weight:bold;font-size:1.083em; }
|
||||
#ol_svc {text-align:left;color:#dadada;font-size:0.92em;margin:5px 0 20px}
|
||||
@@ -11,21 +11,26 @@
|
||||
.ol_before_btn a {color:#fff;display:inline-block;width:50%;float:left}
|
||||
#ol_password_lost {border-left:1px solid #777}
|
||||
|
||||
#ol_after_hd {background:red;padding:15px;display:inline-block;float:left}
|
||||
#ol_after_hd strong {display:block;color:#fff}
|
||||
#ol_after_hd {position:relative;background:#212020;padding:15px}
|
||||
#ol_after_hd:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#ol_after_hd strong {display:block;float:left;color:#fff;padding:0 0 0 15px;line-height:40px}
|
||||
#ol_after_hd .btn_admin {display:block;padding:0 !important;text-align:center}
|
||||
#ol_after_hd .profile_img {display:inline-block;position:relative;margin:0 0 10px}
|
||||
#ol_after_hd .profile_img {position:relative;float:left;display:inline-block}
|
||||
#ol_after_hd .profile_img img {width:37px;height:37px;border-radius:50%}
|
||||
#ol_after_info {position:absolute;bottom:-5px;right:-5px;background:url(./img/icon_edit.png) no-repeat 50% 50% #292929;background-size:15px;width:30px;height:30px;text-indent:-9999px;overflow:hidden;border-radius:50%}
|
||||
#ol_after_info {position:absolute;bottom:-5px;right:-5px;width:20px;height:20px;line-height:18px;text-align:center;border-radius:50%;background:#212020}
|
||||
#ol_after_info i {color:#fff;font-size:1em}
|
||||
|
||||
#ol_after_private {clear:both;background:#fff;margin:0;padding:0;list-style:none}
|
||||
#ol_after_private {clear:both;margin-top:15px;background:#fff;padding:0;list-style:none;border-bottom:1px solid #e1e1e1}
|
||||
#ol_after_private:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#ol_after_private li {float:left;width:33.333%}
|
||||
#ol_after_memo {}
|
||||
#ol_after_pt {}
|
||||
#ol_after_scrap {}
|
||||
#ol_after_private a {height:90px;display:block;padding-top:60px}
|
||||
#ol_after_private li {position:relative;float:left;width:33.333%;text-align:left;border-right:1px solid #efefef}
|
||||
#ol_after_private li a {color:#000}
|
||||
#ol_after_private i {margin:0 5px 0 0;color:#b9bcbf;font-size:1.2em}
|
||||
#ol_after_private strong {position:absolute;right:10px}
|
||||
#ol_after_memo strong {background:#37bc9b;color:#fff;padding:0 5px;border-radius:15px;font-size:0.92em}
|
||||
#ol_after_pt strong {background:#8cc152;color:#fff;padding:0 5px;border-radius:15px;font-size:0.92em}
|
||||
#ol_after_private li#ol_after_scrap {border-right:0;text-align:center}
|
||||
#ol_after_private a {padding:15px 10px}
|
||||
|
||||
#ol_after_btn {float:left;margin:15px 0}
|
||||
#ol_after_btn a {display:inline-block;padding:0 10px;line-height:30px;border-radius:3px;font-weight:bold}
|
||||
#ol_after_btn {position:absolute;top:20px;right:50px}
|
||||
#ol_after_btn a {display:inline-block;padding:0 10px;line-height:30px;color:#fff;border-radius:3px;font-weight:bold}
|
||||
#ol_after_logout {background:#3a8afd;color:#fff}
|
||||
|
||||
@@ -33,7 +33,7 @@
|
||||
/* ### 기본 스타일 커스터마이징 끝 ### */
|
||||
|
||||
/* 설문조사 스킨 */
|
||||
#poll {background:#fff;border:1px solid #dde7e9;margin:30px 10px}
|
||||
#poll {background:#fff;border:1px solid #dde7e9;margin:15px 10px}
|
||||
#poll header {position:relative;padding:15px;border-bottom:1px solid #dde7e9;}
|
||||
#poll header:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#poll header h2 {display:inline-block;float:left;line-height:24px;font-size:1.2em}
|
||||
|
||||
@@ -6,7 +6,7 @@ add_stylesheet('<link rel="stylesheet" href="'.$popular_skin_url.'/style.css">',
|
||||
?>
|
||||
|
||||
<aside id="popular">
|
||||
<h2><i class="fa fa-star-o" aria-hidden="true"></i> 인기검색어</h2>
|
||||
<h2>인기검색어</h2>
|
||||
<div>
|
||||
<?php
|
||||
if( isset($list) && is_array($list) ){
|
||||
|
||||
@@ -1,10 +1,9 @@
|
||||
@charset "utf-8";
|
||||
|
||||
/* 인기검색어 */
|
||||
#popular {margin:30px 10px }
|
||||
#popular h2 {display:inline-block;background: #4162ff;color: #fff;border-radius: 13px;line-height: 24px;padding: 0 10px;margin:0 0 10px;
|
||||
-webkit-box-shadow: 0 0 5px rgba(65,98,255,0.8);
|
||||
-moz-box-shadow: 0 0 5px rgba(65,98,255,0.8);
|
||||
box-shadow: 0 0 8px rgba(65,98,255,0.8); }
|
||||
#popular a{display:inline-block;height:22px;line-height:22px;background:#b9bdd3;color:#fff;margin:2px 0;padding: 0 5px;border-radius:3px}
|
||||
#popular a:hover{background:#646982}
|
||||
#popular {}
|
||||
#popular h2 {text-align:left;color:#8d8c8c;line-height:24px;padding:10px}
|
||||
#popular div {background:#fff;margin-bottom:20px;padding:0 15px;border-bottom:1px solid #e5ecee}
|
||||
#popular a {display:block;text-align:left;color:#000;padding:10px 0;border-bottom:1px solid #e5ecee}
|
||||
#popular a:last-of-type {border-bottom:0}
|
||||
#popular a:hover {color:#3a8afd}
|
||||
@@ -1,15 +1,10 @@
|
||||
@charset "utf-8";
|
||||
|
||||
#visit {margin:30px 10px}
|
||||
#visit h2 {display:inline-block;background: #4162ff;color: #fff;border-radius: 13px;line-height: 24px;padding: 0 10px;margin:0 0 10px;
|
||||
-webkit-box-shadow: 0 0 5px rgba(65,98,255,0.8);
|
||||
-moz-box-shadow: 0 0 5px rgba(65,98,255,0.8);
|
||||
box-shadow: 0 0 8px rgba(65,98,255,0.8); }
|
||||
#visit dl{background:#fff;padding:10px;border-radius:3px;line-height:20px;
|
||||
-webkit-box-shadow: 0 1px 4px #cbd1df;
|
||||
-moz-box-shadow: 0 1px 4px #cbd1df;
|
||||
box-shadow: 0 1px 4px #cbd1df;}
|
||||
#visit {margin:15px 10px;background:#fff;border:1px solid #dde7e9}
|
||||
#visit h2 {line-height:24px;font-size:1.2em;margin:0 0 10px;padding:15px;border-bottom:1px solid #dde7e9}
|
||||
#visit dl{background:#fff;padding:15px 20px;border-radius:3px;line-height:20px}
|
||||
#visit dl:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#visit dt {float:left;width:50%}
|
||||
#visit dd {float:left;width:50%;text-align:right}
|
||||
#visit dt {float:left;width:50%;position:relative;line-height:32px;padding-left:15px}
|
||||
#visit dt:after {position:absolute;left:0;top:13px;width:3px;height:3px;background:#3a8afd;content:"";border-radius:3px}
|
||||
#visit dd {float:left;width:50%;text-align:right;line-height:32px;color:#3a8afd}
|
||||
#visit a {display:inline-block;padding:10px 3px;text-decoration:none}
|
||||
@@ -8,7 +8,7 @@ add_stylesheet('<link rel="stylesheet" href="'.$visit_skin_url.'/style.css">', 0
|
||||
?>
|
||||
|
||||
<aside id="visit">
|
||||
<h2><i class="fa fa-user" aria-hidden="true"></i> 접속자집계</h2>
|
||||
<h2>접속자집계</h2>
|
||||
<dl>
|
||||
<dt>오늘</dt>
|
||||
<dd><?php echo number_format($visit[1]) ?></dd>
|
||||
|
||||
@@ -6,7 +6,6 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
|
||||
|
||||
|
||||
<?php echo poll('theme/basic'); // 설문조사 ?>
|
||||
<?php echo popular('theme/basic'); // 인기검색어 ?>
|
||||
<?php echo visit('theme/basic'); // 방문자수 ?>
|
||||
|
||||
|
||||
|
||||
@@ -31,7 +31,7 @@ add_stylesheet('<link rel="stylesheet" href="'.$latest_skin_url.'/style.css">',
|
||||
if ($list[$i]['icon_link']) echo " <i class=\"fa fa-link\" aria-hidden=\"true\"></i>" ;
|
||||
|
||||
if ($list[$i]['comment_cnt']) echo "
|
||||
<span class=\"lt_cmt\">".$list[$i]['comment_cnt']."</span>";
|
||||
<span class=\"lt_cmt\"><span class=\"sound_only\">댓글</span>".$list[$i]['comment_cnt']."</span>";
|
||||
|
||||
?>
|
||||
<div class="lt_info">
|
||||
|
||||
Reference in New Issue
Block a user