5.4 버전 내용 적용
This commit is contained in:
Binary file not shown.
|
Before Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 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,31 +12,34 @@ 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" title="정보수정">정보수정</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>
|
||||
|
||||
<div id="ol_after_btn">
|
||||
<?php if ($is_admin == 'super' || $is_auth) { ?><a href="<?php echo G5_ADMIN_URL ?>" class="btn_admin">관리자</a><?php } ?>
|
||||
<a href="<?php echo G5_BBS_URL ?>/logout.php" id="ol_after_logout">로그아웃</a>
|
||||
<div id="ol_after_btn">
|
||||
<?php if ($is_admin == 'super' || $is_auth) { ?><a href="<?php echo G5_ADMIN_URL ?>" class="btn_admin"><i class="fa fa-cog fa-spin fa-fw"></i><span class="sound_only">관리자</span></a><?php } ?>
|
||||
<a href="<?php echo G5_BBS_URL ?>/logout.php" id="ol_after_logout">로그아웃</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<ul id="ol_after_private">
|
||||
<li id="ol_after_memo">
|
||||
<a href="<?php echo G5_BBS_URL ?>/memo.php" target="_blank">
|
||||
<span class="sound_only">안 읽은 쪽지</span>
|
||||
<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 id="ol_after_pt">
|
||||
<a href="<?php echo G5_BBS_URL ?>/point.php" target="_blank">
|
||||
<span class="sound_only"> 포인트</span>
|
||||
<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">스크랩</a>
|
||||
<a href="<?php echo G5_BBS_URL ?>/scrap.php" target="_blank">
|
||||
<i class="fa fa-thumb-tack" aria-hidden="true"></i>스크랩
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
@ -1,29 +1,36 @@
|
||||
@charset "utf-8";
|
||||
.ol {position:relative;margin:0 0 10px;padding:20px;background:#292929;text-align:center;}
|
||||
|
||||
.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:11px 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}
|
||||
.ol_before_btn{margin:15px 0 0;color:#aaa;line-height:1em}
|
||||
.ol_before_btn a{color:#fff;display:inline-block;width:50%;float:left}
|
||||
#ol_password_lost{border-left:1px solid #777}
|
||||
.ol_before_btn {margin:15px 0 0;color:#aaa;line-height:1em}
|
||||
.ol_before_btn a {color:#fff;display:inline-block;width:50%;float:left}
|
||||
#ol_password_lost {border-left:1px solid #777}
|
||||
|
||||
#ol_after_hd strong {display:block;color:#fff;}
|
||||
#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 img{border-radius:50%;width:60px;height:60px}
|
||||
#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_hd {position:relative;background:#212020;padding:10px 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 {float:left;display:block;padding:0 !important;text-align:center;color:#fff;margin-right:10px;background:#d13f4a;width:30px}
|
||||
#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;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 {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 {background:url(./img/icon_memo.png) no-repeat 36px 22px #2c2d2e;background-size:19px}
|
||||
#ol_after_pt {background:url(./img/icon_point.png) no-repeat 38px 24px #313334;background-size:16px}
|
||||
#ol_after_scrap {background:url(./img/icon_scrap.png) no-repeat 38px 22px #2c2d2e;background-size:18px}
|
||||
#ol_after_private a {color:#fff;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;top:16px;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;font-weight:normal}
|
||||
#ol_after_private li#ol_after_scrap {border-right:0;text-align:center}
|
||||
#ol_after_private a {display:inline-block;padding:15px 10px}
|
||||
|
||||
#ol_after_btn {margin:15px 0}
|
||||
#ol_after_btn a{display:inline-block;padding:0 10px;line-height:25px;border-radius:15px;font-weight:bold}
|
||||
#ol_after_logout{background:#fff;color:#555}
|
||||
#ol_after_btn {position:absolute;top:15px;right:55px}
|
||||
#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}
|
||||
|
||||
Reference in New Issue
Block a user