영카트 5.4 버전 내용 적용
This commit is contained in:
thisgun
BIN
theme/basic/skin/outlogin/basic/img/chk.png
Normal file
BIN
theme/basic/skin/outlogin/basic/img/chk.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
@ -7,7 +7,10 @@ add_stylesheet('<link rel="stylesheet" href="'.$outlogin_skin_url.'/style.css">'
|
||||
|
||||
<!-- 로그인 전 아웃로그인 시작 { -->
|
||||
<section id="ol_before" class="ol">
|
||||
<h2>회원로그인</h2>
|
||||
<div id="ol_be_cate">
|
||||
<h2><span class="sound_only">회원</span>로그인</h2>
|
||||
<a href="<?php echo G5_BBS_URL ?>/register.php" class="join">회원가입</a>
|
||||
</div>
|
||||
<form name="foutlogin" action="<?php echo $outlogin_action_url ?>" onsubmit="return fhead_submit(this);" method="post" autocomplete="off">
|
||||
<fieldset>
|
||||
<div class="ol_wr">
|
||||
@ -19,18 +22,17 @@ add_stylesheet('<link rel="stylesheet" href="'.$outlogin_skin_url.'/style.css">'
|
||||
<input type="submit" id="ol_submit" value="로그인" class="btn_b02">
|
||||
</div>
|
||||
<div class="ol_auto_wr">
|
||||
<div id="ol_auto">
|
||||
<input type="checkbox" name="auto_login" value="1" id="auto_login">
|
||||
<label for="auto_login" id="auto_login_label">자동로그인</label>
|
||||
<div id="ol_auto" class="chk_box">
|
||||
<input type="checkbox" name="auto_login" value="1" id="auto_login" class="selec_chk">
|
||||
<label for="auto_login" id="auto_login_label"><span></span>자동로그인</label>
|
||||
</div>
|
||||
<div id="ol_svc">
|
||||
<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>
|
||||
</div>
|
||||
<?php
|
||||
// 소셜로그인 사용시 소셜로그인 버튼
|
||||
@include_once(get_social_skin_path().'/social_outlogin.skin.1.php');
|
||||
@include_once(get_social_skin_path().'/social_login.skin.php');
|
||||
?>
|
||||
|
||||
</fieldset>
|
||||
@ -38,14 +40,15 @@ add_stylesheet('<link rel="stylesheet" href="'.$outlogin_skin_url.'/style.css">'
|
||||
</section>
|
||||
|
||||
<script>
|
||||
$omi = $('#ol_id');
|
||||
$omp = $('#ol_pw');
|
||||
$omi_label = $('#ol_idlabel');
|
||||
$omi_label.addClass('ol_idlabel');
|
||||
$omp_label = $('#ol_pwlabel');
|
||||
$omp_label.addClass('ol_pwlabel');
|
||||
jQuery(function($) {
|
||||
|
||||
$(function() {
|
||||
var $omi = $('#ol_id'),
|
||||
$omp = $('#ol_pw'),
|
||||
$omi_label = $('#ol_idlabel'),
|
||||
$omp_label = $('#ol_pwlabel');
|
||||
|
||||
$omi_label.addClass('ol_idlabel');
|
||||
$omp_label.addClass('ol_pwlabel');
|
||||
|
||||
$("#auto_login").click(function(){
|
||||
if ($(this).is(":checked")) {
|
||||
@ -57,7 +60,10 @@ $(function() {
|
||||
|
||||
function fhead_submit(f)
|
||||
{
|
||||
return true;
|
||||
if( $( document.body ).triggerHandler( 'outlogin1', [f, 'foutlogin'] ) !== false ){
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
</script>
|
||||
<!-- } 로그인 전 아웃로그인 끝 -->
|
||||
|
||||
@ -11,33 +11,34 @@ add_stylesheet('<link rel="stylesheet" href="'.$outlogin_skin_url.'/style.css">'
|
||||
<h2>나의 회원정보</h2>
|
||||
<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" title="정보수정"><i class="fa fa-cog" aria-hidden="true"></i><span class="sound_only">정보수정</span></a>
|
||||
</span>
|
||||
<strong><?php echo $nick ?>님</strong>
|
||||
<a href="<?php echo G5_BBS_URL ?>/logout.php" id="ol_after_logout" class="btn_b04">로그아웃</a>
|
||||
<?php if ($is_admin == 'super' || $is_auth) { ?><a href="<?php echo G5_ADMIN_URL ?>" class="btn_admin btn_04">관리자</a><?php } ?>
|
||||
<a href="<?php echo G5_BBS_URL ?>/member_confirm.php?url=register_form.php" id="ol_after_info" title="정보수정">정보수정</a>
|
||||
<?php if ($is_admin == 'super' || $is_auth) { ?><a href="<?php echo correct_goto_url(G5_ADMIN_URL); ?>" class="btn_admin btn" title="관리자"><i class="fa fa-cog fa-spin fa-fw"></i><span class="sound_only">관리자</span></a><?php } ?>
|
||||
</header>
|
||||
<ul id="ol_after_private">
|
||||
<li>
|
||||
<a href="<?php echo G5_BBS_URL ?>/point.php" target="_blank" id="ol_after_pt" class="win_point">
|
||||
<i class="fa fa-database" aria-hidden="true"></i>포인트
|
||||
<strong><?php echo $point; ?></strong>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="<?php echo G5_BBS_URL ?>/memo.php" target="_blank" id="ol_after_memo" class="win_memo">
|
||||
<span class="sound_only">안 읽은 </span>쪽지<br>
|
||||
<strong><i class="fa fa-envelope-o" aria-hidden="true"></i> <?php echo $memo_not_read ?></strong>
|
||||
<i class="fa fa-envelope-o" aria-hidden="true"></i><span class="sound_only">안 읽은 </span>쪽지
|
||||
<strong><?php echo $memo_not_read; ?></strong>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="<?php echo G5_BBS_URL ?>/point.php" target="_blank" id="ol_after_pt" class="win_point">
|
||||
포인트<br>
|
||||
<strong><i class="fa fa-database" aria-hidden="true"></i> <?php echo $point ?></strong>
|
||||
<a href="<?php echo G5_BBS_URL ?>/scrap.php" target="_blank" id="ol_after_scrap" class="win_scrap">
|
||||
<i class="fa fa-thumb-tack" aria-hidden="true"></i>스크랩
|
||||
<strong class="scrap"><?php echo $mb_scrap_cnt; ?></strong>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="<?php echo G5_BBS_URL ?>/scrap.php" target="_blank" id="ol_after_scrap" class="win_scrap">스크랩<br>
|
||||
<strong class="scrap"><i class="fa fa-thumb-tack" aria-hidden="true"></i></strong>
|
||||
</a>
|
||||
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<footer>
|
||||
<a href="<?php echo G5_BBS_URL ?>/logout.php" id="ol_after_logout"><i class="fa fa-sign-out" aria-hidden="true"></i> 로그아웃</a>
|
||||
</footer>
|
||||
</section>
|
||||
|
||||
<script>
|
||||
|
||||
@ -1,48 +1,63 @@
|
||||
@charset "utf-8";
|
||||
|
||||
/* 아웃로그인 스킨 */
|
||||
.ol {position:relative;margin:20px;}
|
||||
.ol h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
|
||||
|
||||
.ol {position:relative;border:1px solid #dde7e9;margin-bottom:15px;border-radius:3px}
|
||||
.ol h2 {width:117px;float:left;padding:15px 0;text-align:center}
|
||||
.ol .join {width:116px;float:left;padding:15px 0;text-align:center;background:#f7f7f7;color:#6e6e6e}
|
||||
.ol #ol_be_cate:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.ol form {padding:20px}
|
||||
.ol a.btn_admin {display:inline-block;padding:0 10px;height:25px;text-decoration:none;line-height:25px;vertical-align:middle} /* 관리자 전용 버튼 */
|
||||
.ol a.btn_admin:focus, .ol a.btn_admin:hover {text-decoration:none}
|
||||
|
||||
#ol_before {}
|
||||
#ol_before:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#ol_before .ol_wr{position:relative;border:1px solid #b7bece;margin-bottom:5px}
|
||||
#ol_id {display:block;width:185px;border:1px solid #fff;padding:0 10px;height:32px}
|
||||
#ol_pw {display:block;width:185px;border:1px solid #fff;padding:0 10px;border-top:1px solid #ededed;height:32px}
|
||||
#ol_submit {position:absolute;top:0;right:0;width:76px;height:64px;background:#fff;border-left:1px solid #ccc;color:#000;font-weight:bold;font-size:1.167em}
|
||||
#ol_before .ol_wr {position:relative;margin-bottom:5px}
|
||||
#ol_id {display:block;width:100%;border:1px solid #d0d3db;padding:0 10px;height:35px;margin-bottom:5px;border-radius:3px}
|
||||
#ol_pw {display:block;width:100%;border:1px solid #d0d3db;padding:0 10px;height:35px;margin-bottom:5px;border-radius:3px}
|
||||
#ol_submit {width:100%;height:35px;background:#3a8afd;border-left:1px solid #ccc;color:#fff;font-weight:bold;font-size:1.167em;border-radius:3px}
|
||||
#ol_svc {float:right;line-height:20px}
|
||||
#ol_svc a{display:inline-block;color:#555;margin:0 5px}
|
||||
#ol_auto {float:left;line-height:20px}
|
||||
#ol_auto label {color:#555}
|
||||
#ol_svc a {display:inline-block;border:1px solid #d5d9dd;color:#3a8afd;border-radius:2px;padding:2px 5px}
|
||||
#ol_auto {float:left;line-height:20px;margin-top:5px}
|
||||
#ol_auto label {color:#555;vertical-align:baseline}
|
||||
#ol_auto input {width:13px;height:13px}
|
||||
.ol_auto_wr:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#sns_login {margin-top:0 !important;border-top:0 !important}
|
||||
#sns_login h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
|
||||
#ol_after {background:#fff;border: 1px solid #d2d9e6; border-bottom: 1px solid #c1ccda;
|
||||
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
|
||||
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
|
||||
box-shadow:0 1px 2px rgba(0,0,0,0.1)}
|
||||
#ol_after_hd {position:relative;margin:0 0 10px;padding:10px;padding-left:80px;height:72px;}
|
||||
#ol_after_hd strong{display:block;margin:5px 0}
|
||||
#ol_after_hd .profile_img{position:absolute;top:15px;left:15px;display:inline-block;}
|
||||
#ol_after_hd .profile_img img{border:1px solid #bbb;border-radius:50%;width:50px;height:50px}
|
||||
#ol_after_hd .profile_img a{display:block;position:absolute;bottom:-5px;right:-5px;background: #fff;text-align:center;font-size:17px;width:30px;line-height:30px;border-radius:50%;color:#777;
|
||||
-webkit-box-shadow: -2px -2px 5px rgba(0,0,0,0.1);
|
||||
-moz-box-shadow: -2px -2px 5px rgba(0,0,0,0.1);
|
||||
box-shadow: -2px -2px 5px rgba(0,0,0,0.1);}
|
||||
#ol_after_hd .btn_admin {}
|
||||
#ol_after_hd .btn_b04{line-height:23px;padding:0 5px}
|
||||
#ol_after_private {background:#f7f7f7;border-top: 1px solid #e8e8e8;zoom:1}
|
||||
#ol_after {}
|
||||
#ol_after_hd {position:relative;padding:10px;padding-left:80px;height:80px}
|
||||
#ol_after_hd strong {display:block;margin:5px 0 10px}
|
||||
#ol_after_hd .profile_img {position:absolute;top:15px;left:15px;display:inline-block}
|
||||
#ol_after_hd .profile_img img {border:1px solid #bbb;border-radius:50%;width:50px;height:50px}
|
||||
#ol_after_hd .profile_img a {text-align:center;font-size:17px;width:30px;line-height:30px;color:#777}
|
||||
#ol_after_info {display:inline-block;height:28px;line-height:22px;border:1px solid #d5d9dd;color:#3a8afd;border-radius:2px;padding:2px 5px}
|
||||
#ol_after h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
|
||||
#ol_after_hd .btn_admin {border-radius:3px;height:28px;line-height:28px;vertical-align:baseline}
|
||||
#ol_after_hd .btn_b04 {line-height:23px;padding:0 5px}
|
||||
#ol_after_private {zoom:1}
|
||||
#ol_after_private:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#ol_after_private li {margin-bottom:1px;position:relative;float:left;width:33.333%;text-align:center}
|
||||
#ol_after_private a {display:block;color:#444;line-height:20px;height:60px;border-left:1px solid #e8e8e8;padding:10px 0;}
|
||||
#ol_after_private li:first-child a{border-left:0}
|
||||
#ol_after_private a strong {display:inline-block;max-width:87px;overflow:hidden;white-space:nowrap;text-overflow:clip;background:#7587a2;color:#fff;padding:0 8px;border-radius:15px;font-size:0.92em;box-shadow:inset 2px 1px 3px rgba(0,0,0,0.2)}
|
||||
#ol_after_private a strong.scrap{padding:0 14px}
|
||||
#ol_after_private a:hover strong{background:#4b8bff}
|
||||
#ol_after_private li a:hover{color:#4b8bff;background:#f1f1f1}
|
||||
#ol_after_memo {;margin-right:1px}
|
||||
#ol_after_private li {text-align:left;position:relative;text-align:left}
|
||||
#ol_after_private li:first-child a {border-left:0}
|
||||
#ol_after_private a {display:block;color:#465168;line-height:18px;padding:10px 10px 10px 20px}
|
||||
#ol_after_private a strong {display:inline-block;float:right;max-width:87px;overflow:hidden;white-space:nowrap;text-overflow:clip;color:#3a8afd;padding:0 5px;border-radius:15px;font-size:0.92em}
|
||||
#ol_after_private a:hover strong {background:#4b8bff}
|
||||
#ol_after_private li a:hover {color:#4b8bff;background:#f7f7f7}
|
||||
#ol_after_private li a:hover:after {position:absolute;left:-1px;top:0;width:2px;height:38px;background:#3a8afd;content:""}
|
||||
#ol_after_private li i {width:25px;color:#8c9eb0;margin-right:5px}
|
||||
#ol_after_private li:hover i {color:#3a8afd}
|
||||
#ol_after_private .win_point:hover strong {background:#37bc9b;color:#fff}
|
||||
#ol_after_private .win_memo:hover strong {background:#8cc152;color:#fff}
|
||||
#ol_after_private .win_scrap:hover strong {background:#ff8b77;color:#fff}
|
||||
|
||||
#ol_after_logout {text-align:center;font-weight:bold;display:block;padding:15px 0;color:#a0a0a1;border-top:1px solid #dde7e9}
|
||||
#ol_after_logout:hover {color:#3c8bfd}
|
||||
#ol_after_memo {margin-right:1px}
|
||||
#ol_after_pt {margin-right:1px}
|
||||
|
||||
.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
|
||||
.chk_box {position:relative}
|
||||
.chk_box input[type="checkbox"] + label {padding-left:20px;color:#676e70}
|
||||
.chk_box input[type="checkbox"] + label:hover{color:#2172f8}
|
||||
.chk_box input[type="checkbox"] + label span {position:absolute;top:2px;left:0;width:15px;height:15px;display:block;margin:0;background:#fff;border:1px solid #d0d4df;border-radius:3px}
|
||||
.chk_box input[type="checkbox"]:checked + label {color:#000}
|
||||
.chk_box input[type="checkbox"]:checked + label span {background:url(./img/chk.png) no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}
|
||||
|
||||
BIN
theme/basic/skin/outlogin/shop_basic/img/chk.png
Normal file
BIN
theme/basic/skin/outlogin/shop_basic/img/chk.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
@ -3,55 +3,32 @@ if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.$outlogin_skin_url.'/style.css">', 0);
|
||||
|
||||
// 쿠폰
|
||||
$cp_count = 0;
|
||||
$sql = " select cp_id
|
||||
from {$g5['g5_shop_coupon_table']}
|
||||
where mb_id IN ( '{$member['mb_id']}', '전체회원' )
|
||||
and cp_start <= '".G5_TIME_YMD."'
|
||||
and cp_end >= '".G5_TIME_YMD."' ";
|
||||
$res = sql_query($sql);
|
||||
|
||||
for($k=0; $cp=sql_fetch_array($res); $k++) {
|
||||
if(!is_used_coupon($member['mb_id'], $cp['cp_id']))
|
||||
$cp_count++;
|
||||
}
|
||||
?>
|
||||
|
||||
<!-- 로그인 후 아웃로그인 시작 { -->
|
||||
<section id="ol_after" class="ol">
|
||||
<header id="ol_after_hd">
|
||||
<h2>나의 회원정보</h2>
|
||||
<span class="profile_img">
|
||||
<?php echo get_member_profile_img($member['mb_id'], 60, 60); ?>
|
||||
<a href="<?php echo G5_BBS_URL ?>/member_confirm.php?url=register_form.php" id="ol_after_info"><i class="fa fa-cog" aria-hidden="true"></i><span class="sound_only">정보수정</span></a>
|
||||
</span>
|
||||
<strong><?php echo $nick ?>님</strong>
|
||||
<?php if ($is_admin == 'super' || $is_auth) { ?><a href="<?php echo G5_ADMIN_URL ?>" class="btn_admin">관리자</a><?php } ?>
|
||||
</header>
|
||||
<ul id="ol_after_private">
|
||||
<li>
|
||||
<a href="<?php echo G5_BBS_URL ?>/memo.php" target="_blank" id="ol_after_memo" class="win_memo">
|
||||
<i class="fa fa-envelope-o" aria-hidden="true"></i> <span class="sound_only">안 읽은 쪽지</span>
|
||||
<strong><?php echo $memo_not_read ?></strong>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="<?php echo G5_BBS_URL ?>/point.php" target="_blank" id="ol_after_pt" class="win_point">
|
||||
<i class="fa fa-database" aria-hidden="true"></i> <span class="sound_only">포인트</span>
|
||||
<strong><?php echo $point ?></strong>
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<button class="btn_member_mn">
|
||||
<span class="profile_img"><?php echo get_member_profile_img($member['mb_id'], 30, 30); ?></span>
|
||||
<span class="profile_name"><?php echo $nick ?></span>님
|
||||
<i class="fa fa-angle-down" aria-hidden="true"></i>
|
||||
</button>
|
||||
|
||||
<!-- 로그인 후 아웃로그인 시작 { -->
|
||||
<section id="ol_after" class="ol member_mn">
|
||||
<h2>회원정보</h2>
|
||||
<ul id="ol_after_private">
|
||||
<li><a href="<?php echo G5_BBS_URL ?>/member_confirm.php?url=register_form.php" >정보수정</a></li>
|
||||
<li><a href="<?php echo G5_BBS_URL ?>/point.php" target="_blank" class="win_point">포인트<strong><?php echo $point ?></strong></a></li>
|
||||
<li><a href="<?php echo G5_SHOP_URL ?>/coupon.php" target="_blank" class="win_coupon">쿠폰<strong><?php echo number_format(get_shop_member_coupon_count($member['mb_id'], true)); ?></strong></a></li>
|
||||
<li><a href="<?php echo G5_BBS_URL ?>/memo.php" target="_blank" class="win_memo"><span class="sound_only">안 읽은</span>쪽지<strong><?php echo $memo_not_read ?></strong></a></li>
|
||||
<li><a href="<?php echo G5_SHOP_URL; ?>/mypage.php">마이페이지</a></li>
|
||||
<li>
|
||||
<a href="<?php echo G5_SHOP_URL ?>/coupon.php" target="_blank" id="ol_after_scrap" class="win_scrap"><i class="fa fa-newspaper-o" aria-hidden="true"></i> <span class="sound_only">쿠폰</span>
|
||||
<strong><?php echo number_format($cp_count); ?></strong>
|
||||
</a>
|
||||
<?php if ($is_admin == 'super' || $is_auth) { ?>
|
||||
<a href="<?php echo G5_ADMIN_URL ?>">관리자</a>
|
||||
<?php } ?>
|
||||
</li>
|
||||
</ul>
|
||||
<footer id="ol_after_ft">
|
||||
<a href="<?php echo G5_BBS_URL ?>/logout.php" id="ol_after_logout" class="btn_b02">로그아웃</a>
|
||||
<a href="<?php echo G5_BBS_URL ?>/logout.php" id="ol_after_logout">로그아웃</a>
|
||||
</footer>
|
||||
</section>
|
||||
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
@charset "utf-8";
|
||||
|
||||
/* 아웃로그인 스킨 */
|
||||
.ol {position:relative;border-bottom:1px solid #f3f3f3;padding:20px}
|
||||
.ol {position:relative}
|
||||
.ol h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
|
||||
|
||||
.ol a.btn_admin {display:inline-block;padding:0 10px;height:25px;background:#d13f4a;color:#fff;text-decoration:none;line-height:25px;vertical-align:middle} /* 관리자 전용 버튼 */
|
||||
@ -9,34 +9,36 @@
|
||||
|
||||
#ol_before {}
|
||||
#ol_before fieldset {position:relative}
|
||||
#ol_id {display:block;width:100%;margin:5px 0 10px;}
|
||||
.ol_idlabel {color:#333;}
|
||||
#ol_pw {display:block;;width:100%;margin:5px 0;}
|
||||
.ol_pwlabel {color:#333;}
|
||||
#ol_id {display:block;width:100%;margin:5px 0 10px}
|
||||
.ol_idlabel {color:#333}
|
||||
#ol_pw {display:block;width:100%;margin:5px 0}
|
||||
.ol_pwlabel {color:#333}
|
||||
#auto_login {}
|
||||
#auto_login_label {letter-spacing:-0.1em}
|
||||
#ol_submit {width:100%;height:40px;border:0;border-radius:3px;color:#fff;font-weight:bold}
|
||||
#ol_before a {letter-spacing:-0.15em}
|
||||
#ol_svc {text-align:center;margin:10px 0 0}
|
||||
#ol_svc a{display:inline-block;color:#333;margin:0 5px}
|
||||
#ol_svc a {display:inline-block;color:#333;margin:0 5px}
|
||||
#ol_auto {position:relative;margin:5px 0;font-size:0.92em;color:#555}
|
||||
#ol_auto label {letter-spacing:-0.1em}
|
||||
#ol_auto input {width:13px;height:13px;vertical-align:bottom}
|
||||
|
||||
.btn_member_mn {min-width:150px;padding:5px 0;border:0;background:transparent;color:#fff;text-align:center}
|
||||
.btn_member_mn .profile_img {display:inline-block;margin-right:5px}
|
||||
.btn_member_mn .profile_img img {border-radius:50%}
|
||||
.btn_member_mn .profile_name {display:inline-block;max-width:70px;line-height:34px;vertical-align: bottom;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
|
||||
.btn_member_mn i {display:inline-block;margin-left:5px;font-size:1.2em;font-weight:bold}
|
||||
.btn_member_mn_on {background:#fff;color:#000;border:1px solid #d0d0d0;border-bottom:0}
|
||||
.member_mn {display:none;position:absolute;left:0;width:150px;background:#fff;z-index:99;border:1px solid #d0d0d0;border-top:0}
|
||||
|
||||
#ol_after {}
|
||||
#ol_after_hd {margin:0 0 10px;text-align:center}
|
||||
#ol_after_hd strong{display:block}
|
||||
#ol_after_hd .profile_img{margin:20px 0 10px;display:inline-block;position:relative;}
|
||||
#ol_after_hd .profile_img img{border-radius:50%}
|
||||
#ol_after_hd .profile_img a{display:block;position:absolute;bottom:-5px;right:-5px;width:30px;height:30px;line-height:30px;border-radius:50%;background:#fff;font-size:14px}
|
||||
#ol_after_hd .btn_admin {position:absolute;top:20px;right:20px;border-radius:3px;;;text-align:center}
|
||||
#ol_after_private {margin:0 0 3px;zoom:1}
|
||||
#ol_after_private {text-align:left}
|
||||
#ol_after_private:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#ol_after_private li {margin-bottom:1px;position:relative;float:left;width:33.333%;text-align:center}
|
||||
#ol_after_private a {display:block;color:#444;background:#ecf0f1;padding: 10px;line-height:20px;height:60px}
|
||||
#ol_after_private li:nth-child(even) a{background:#e5e9ea}
|
||||
#ol_after_private a strong {display:block;color:#ff6f6f}
|
||||
#ol_after_private li a:hover{background:#bec3c7}
|
||||
#ol_after_memo {;margin-right:1px}
|
||||
#ol_after_pt {margin-right:1px}
|
||||
#ol_after_logout{display:block;height:40px;font-size:1.083em;line-height:38px;text-align:center;font-weight:bold;border-radius:3px;margin:10px 0 0px}
|
||||
#ol_after_private li {margin-bottom:1px;position:relative}
|
||||
#ol_after_private li:hover a {background:#f7f7f7}
|
||||
#ol_after_private a {display:block;color:#444;padding:10px 15px;line-height:20px}
|
||||
#ol_after_private a strong {float:right;display:inline-block;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:clip;padding:0 5px;border-radius:15px;font-weight:normal;font-size:0.92em}
|
||||
#ol_after_private .win_point strong {background:#37bc9b}
|
||||
#ol_after_private .win_coupon strong {background:#a352c1}
|
||||
#ol_after_private .win_memo strong {background:#ff8b77}
|
||||
#ol_after_logout {display:block;font-size:1.083em;line-height:45px;text-align:center;color:#3a8afd;border-top:1px solid #f6f6f6}
|
||||
|
||||
BIN
theme/basic/skin/outlogin/shop_side/img/chk.png
Normal file
BIN
theme/basic/skin/outlogin/shop_side/img/chk.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
65
theme/basic/skin/outlogin/shop_side/outlogin.skin.1.php
Normal file
65
theme/basic/skin/outlogin/shop_side/outlogin.skin.1.php
Normal file
@ -0,0 +1,65 @@
|
||||
<?php
|
||||
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.$outlogin_skin_url.'/style.css">', 0);
|
||||
?>
|
||||
|
||||
<!-- 로그인 전 아웃로그인 시작 { -->
|
||||
<section id="s_ol_before" class="s_ol">
|
||||
<div id="s_ol_be_cate">
|
||||
<h2><span class="sound_only">회원</span>로그인</h2>
|
||||
<a href="<?php echo G5_BBS_URL ?>/register.php" class="join">회원가입</a>
|
||||
</div>
|
||||
<form name="foutlogin" action="<?php echo $outlogin_action_url ?>" onsubmit="return fhead_submit(this);" method="post" autocomplete="off">
|
||||
<fieldset>
|
||||
<div class="ol_wr">
|
||||
<input type="hidden" name="url" value="<?php echo $outlogin_url ?>">
|
||||
<label for="ol_id" id="ol_idlabel" class="sound_only">회원아이디<strong>필수</strong></label>
|
||||
<input type="text" id="ol_id" name="mb_id" required maxlength="20" placeholder="아이디">
|
||||
<label for="ol_pw" id="ol_pwlabel" class="sound_only">비밀번호<strong>필수</strong></label>
|
||||
<input type="password" name="mb_password" id="ol_pw" required maxlength="20" placeholder="비밀번호">
|
||||
<input type="submit" id="ol_submit" value="로그인" class="btn_b02">
|
||||
</div>
|
||||
<div class="ol_auto_wr">
|
||||
<div id="ol_auto" class="chk_box">
|
||||
<input type="checkbox" name="auto_login" value="1" id="auto_login" class="selec_chk">
|
||||
<label for="auto_login" id="auto_login_label"><span></span>자동로그인</label>
|
||||
</div>
|
||||
<div id="ol_svc">
|
||||
<a href="<?php echo G5_BBS_URL ?>/password_lost.php" id="ol_password_lost">정보찾기</a>
|
||||
</div>
|
||||
</div>
|
||||
<?php
|
||||
// 소셜로그인 사용시 소셜로그인 버튼
|
||||
@include_once(get_social_skin_path().'/social_login.skin.php');
|
||||
?>
|
||||
|
||||
</fieldset>
|
||||
</form>
|
||||
</section>
|
||||
|
||||
<script>
|
||||
$omi = $('#ol_id');
|
||||
$omp = $('#ol_pw');
|
||||
$omi_label = $('#ol_idlabel');
|
||||
$omi_label.addClass('ol_idlabel');
|
||||
$omp_label = $('#ol_pwlabel');
|
||||
$omp_label.addClass('ol_pwlabel');
|
||||
|
||||
$(function() {
|
||||
|
||||
$("#auto_login").click(function(){
|
||||
if ($(this).is(":checked")) {
|
||||
if(!confirm("자동로그인을 사용하시면 다음부터 회원아이디와 비밀번호를 입력하실 필요가 없습니다.\n\n공공장소에서는 개인정보가 유출될 수 있으니 사용을 자제하여 주십시오.\n\n자동로그인을 사용하시겠습니까?"))
|
||||
return false;
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
function fhead_submit(f)
|
||||
{
|
||||
return true;
|
||||
}
|
||||
</script>
|
||||
<!-- } 로그인 전 아웃로그인 끝 -->
|
||||
70
theme/basic/skin/outlogin/shop_side/outlogin.skin.2.php
Normal file
70
theme/basic/skin/outlogin/shop_side/outlogin.skin.2.php
Normal file
@ -0,0 +1,70 @@
|
||||
<?php
|
||||
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.$outlogin_skin_url.'/style.css">', 0);
|
||||
|
||||
// 쿠폰
|
||||
$cp_count = 0;
|
||||
$sql = " select cp_id
|
||||
from {$g5['g5_shop_coupon_table']}
|
||||
where mb_id IN ( '{$member['mb_id']}', '전체회원' )
|
||||
and cp_start <= '".G5_TIME_YMD."'
|
||||
and cp_end >= '".G5_TIME_YMD."' ";
|
||||
$res = sql_query($sql);
|
||||
|
||||
for($k=0; $cp=sql_fetch_array($res); $k++) {
|
||||
if(!is_used_coupon($member['mb_id'], $cp['cp_id']))
|
||||
$cp_count++;
|
||||
}
|
||||
?>
|
||||
|
||||
<!-- 로그인 후 아웃로그인 시작 { -->
|
||||
<section id="s_ol_after" class="ol">
|
||||
<header id="s_ol_after_hd">
|
||||
<h2>나의 회원정보</h2>
|
||||
<span class="profile_img">
|
||||
<?php echo get_member_profile_img($member['mb_id']); ?>
|
||||
<?php if ($is_admin == 'super' || $is_auth) { ?><a href="<?php echo correct_goto_url(G5_ADMIN_URL); ?>" class="btn_admin"><i class="fa fa-cog fa-fw"></i><span class="sound_only">관리자</span></a><?php } ?>
|
||||
</span>
|
||||
<strong><?php echo $nick ?>님</strong>
|
||||
<a href="<?php echo G5_BBS_URL ?>/member_confirm.php?url=register_form.php" id="s_ol_after_info">정보수정</a>
|
||||
<a href="<?php echo G5_BBS_URL ?>/logout.php" id="s_ol_after_logout">로그아웃</a>
|
||||
</header>
|
||||
<ul id="s_ol_after_private">
|
||||
<li>
|
||||
<a href="<?php echo G5_BBS_URL ?>/point.php" target="_blank" id="ol_after_pt" class="win_point">
|
||||
<i class="fa fa-database" aria-hidden="true"></i>포인트
|
||||
<strong><?php echo $point ?></strong>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="<?php echo G5_SHOP_URL ?>/coupon.php" target="_blank" class="win_coupon">
|
||||
<i class="fa fa-ticket" aria-hidden="true"></i>쿠폰
|
||||
<strong><?php echo number_format($cp_count); ?></strong>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="<?php echo G5_BBS_URL ?>/memo.php" target="_blank" id="ol_after_memo" class="win_memo">
|
||||
<i class="fa fa-envelope-o" aria-hidden="true"></i><span class="sound_only">안 읽은 </span>쪽지
|
||||
<strong><?php echo $memo_not_read ?></strong>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="<?php echo G5_BBS_URL ?>/scrap.php" target="_blank" id="ol_after_scrap" class="win_scrap">
|
||||
<i class="fa fa-thumb-tack" aria-hidden="true"></i>스크랩
|
||||
<strong class="scrap">0</strong>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<script>
|
||||
// 탈퇴의 경우 아래 코드를 연동하시면 됩니다.
|
||||
function member_leave()
|
||||
{
|
||||
if (confirm("정말 회원에서 탈퇴 하시겠습니까?"))
|
||||
location.href = "<?php echo G5_BBS_URL ?>/member_confirm.php?url=member_leave.php";
|
||||
}
|
||||
</script>
|
||||
<!-- } 로그인 후 아웃로그인 끝 -->
|
||||
64
theme/basic/skin/outlogin/shop_side/style.css
Normal file
64
theme/basic/skin/outlogin/shop_side/style.css
Normal file
@ -0,0 +1,64 @@
|
||||
@charset "utf-8";
|
||||
|
||||
/* 아웃로그인 스킨 */
|
||||
.s_ol {position:relative;border-bottom:1px solid #f6f6f6}
|
||||
.s_ol h2 {width:115px;float:left;padding:15px 0;text-align:center}
|
||||
.s_ol .join {width:114px;float:left;padding:15px 0;text-align:center;background:#f7f7f7;color:#6e6e6e}
|
||||
.s_ol #s_ol_be_cate:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.s_ol form {padding:20px}
|
||||
.s_ol a.btn_admin {display:inline-block;padding:0 10px;height:25px;text-decoration:none;line-height:25px;vertical-align:middle} /* 관리자 전용 버튼 */
|
||||
.s_ol a.btn_admin:focus, .s_ol a.btn_admin:hover {text-decoration:none}
|
||||
|
||||
#s_ol_before {}
|
||||
#s_ol_before:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#s_ol_before .s_ol_wr {position:relative;margin-bottom:5px}
|
||||
#ol_id {display:block;width:100%;border:1px solid #d0d3db;padding:0 10px;height:35px;margin-bottom:5px;border-radius:3px}
|
||||
#ol_pw {display:block;width:100%;border:1px solid #d0d3db;padding:0 10px;height:35px;margin-bottom:5px;border-radius:3px}
|
||||
#ol_submit {width:100%;height:35px;background:#3a8afd;border-left:1px solid #ccc;color:#fff;font-weight:bold;font-size:1.167em;border-radius:3px}
|
||||
#ol_svc {float:right;margin-top:5px;line-height:20px}
|
||||
#ol_svc a {display:inline-block;border:1px solid #d5d9dd;color:#3a8afd;border-radius:2px;padding:2px 5px}
|
||||
#ol_auto {float:left;line-height:20px;margin-top:5px}
|
||||
#ol_auto label {color:#555;vertical-align:baseline}
|
||||
#ol_auto input {width:13px;height:13px}
|
||||
.ol_auto_wr:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#sns_login {margin-top:0 !important;border-top:0 !important}
|
||||
#sns_login h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
|
||||
#s_ol_after {border-bottom:1px solid #f6f6f6}
|
||||
#s_ol_after_hd {position:relative;padding:10px;padding-left:80px;height:80px}
|
||||
#s_ol_after_hd strong {display:block;margin:5px 0 10px}
|
||||
#s_ol_after_hd .profile_img {position:absolute;top:15px;left:15px;display:inline-block}
|
||||
#s_ol_after_hd .profile_img img {border-radius:50%;width:50px;height:50px}
|
||||
#s_ol_after_hd .btn_admin {position:absolute;right:0;bottom:0;width:20px;height:20px;line-height:20px;padding:0;text-align:center;border-radius:50%;background:#000;vertical-align:baseline}
|
||||
|
||||
#s_ol_after_info {display:inline-block;height:28px;line-height:22px;border:1px solid #d5d9dd;color:#3a8afd;border-radius:2px;padding:2px 5px}
|
||||
#s_ol_after h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
|
||||
#s_ol_after_hd .btn_b04 {line-height:23px;padding:0 5px}
|
||||
#s_ol_after_private {zoom:1}
|
||||
#s_ol_after_private:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#s_ol_after_private li {text-align:left;position:relative;text-align:left}
|
||||
#s_ol_after_private li:first-child a {border-left:0}
|
||||
#s_ol_after_private a {display:block;background:#fff;color:#465168;line-height:18px;padding:10px 20px 10px 25px}
|
||||
#s_ol_after_private a strong {display:inline-block;float:right;max-width:87px;overflow:hidden;white-space:nowrap;text-overflow:clip;color:#3a8afd;padding:0 5px;border-radius:15px;font-size:0.92em}
|
||||
#s_ol_after_private a:hover strong {background:#4b8bff}
|
||||
#s_ol_after_private li a:hover {color:#4b8bff;background:#f7f7f7}
|
||||
#s_ol_after_private li a:hover:after {position:absolute;left:0;top:0;width:2px;height:38px;background:#3a8afd;content:""}
|
||||
#s_ol_after_private li i {width:25px;color:#8c9eb0;margin-right:5px}
|
||||
#s_ol_after_private li:hover i {color:#3a8afd}
|
||||
#s_ol_after_private .win_point:hover strong {background:#37bc9b;color:#fff}
|
||||
#s_ol_after_private .win_memo:hover strong {background:#ff8b77;color:#fff}
|
||||
#s_ol_after_private .win_scrap:hover strong {background:#8cc152;color:#fff}
|
||||
#s_ol_after_private .win_coupon:hover strong {background:#a352c1;color:#fff}
|
||||
|
||||
#s_ol_after_logout {display:inline-block;height:28px;line-height:22px;border:1px solid #d5d9dd;color:#8a8a8a;border-radius:2px;padding:2px 5px}
|
||||
#s_ol_after_logout:hover {color:#3c8bfd}
|
||||
#ol_after_memo {margin-right:1px}
|
||||
#ol_after_pt {margin-right:1px}
|
||||
|
||||
.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
|
||||
.chk_box {position:relative}
|
||||
.chk_box input[type="checkbox"] + label {padding-left:20px;color:#676e70}
|
||||
.chk_box input[type="checkbox"] + label:hover{color:#2172f8}
|
||||
.chk_box input[type="checkbox"] + label span {position:absolute;top:2px;left:0;width:15px;height:15px;display:block;margin:0;background:#fff;border:1px solid #d0d4df;border-radius:3px}
|
||||
.chk_box input[type="checkbox"]:checked + label {color:#000}
|
||||
.chk_box input[type="checkbox"]:checked + label span {background:url(./img/chk.png) no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}
|
||||
Reference in New Issue
Block a user