5.3 버전 내용 적용
This commit is contained in:
thisgun
BIN
skin/outlogin/basic/img/info_edit.png
Normal file
BIN
skin/outlogin/basic/img/info_edit.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
@ -10,20 +10,29 @@ add_stylesheet('<link rel="stylesheet" href="'.$outlogin_skin_url.'/style.css">'
|
||||
<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 ?>">
|
||||
<label for="ol_id" id="ol_idlabel">회원아이디<strong class="sound_only">필수</strong></label>
|
||||
<input type="text" id="ol_id" name="mb_id" required class="required" maxlength="20">
|
||||
<label for="ol_pw" id="ol_pwlabel">비밀번호<strong class="sound_only">필수</strong></label>
|
||||
<input type="password" name="mb_password" id="ol_pw" required class="required" maxlength="20">
|
||||
<input type="submit" id="ol_submit" value="로그인">
|
||||
<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 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 id="ol_auto">
|
||||
<input type="checkbox" name="auto_login" value="1" id="auto_login">
|
||||
<label for="auto_login" id="auto_login_label">자동로그인</label>
|
||||
<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>
|
||||
<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');
|
||||
?>
|
||||
|
||||
</fieldset>
|
||||
</form>
|
||||
</section>
|
||||
@ -31,27 +40,12 @@ add_stylesheet('<link rel="stylesheet" href="'.$outlogin_skin_url.'/style.css">'
|
||||
<script>
|
||||
$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');
|
||||
|
||||
$(function() {
|
||||
$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');
|
||||
});
|
||||
|
||||
$("#auto_login").click(function(){
|
||||
if ($(this).is(":checked")) {
|
||||
|
||||
@ -9,30 +9,35 @@ add_stylesheet('<link rel="stylesheet" href="'.$outlogin_skin_url.'/style.css">'
|
||||
<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']); ?>
|
||||
<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>
|
||||
<?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" 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 } ?>
|
||||
</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">
|
||||
<span class="sound_only">안 읽은 </span>쪽지
|
||||
<strong><?php echo $memo_not_read ?></strong>
|
||||
<span class="sound_only">안 읽은 </span>쪽지<br>
|
||||
<strong><i class="fa fa-envelope-o" aria-hidden="true"></i> <?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">
|
||||
포인트
|
||||
<strong><?php echo $point ?></strong>
|
||||
포인트<br>
|
||||
<strong><i class="fa fa-database" aria-hidden="true"></i> <?php echo $point ?></strong>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="<?php echo G5_BBS_URL ?>/scrap.php" target="_blank" id="ol_after_scrap" class="win_scrap">스크랩</a>
|
||||
<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 id="ol_after_ft">
|
||||
<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 ?>/logout.php" id="ol_after_logout">로그아웃</a>
|
||||
</footer>
|
||||
|
||||
</section>
|
||||
|
||||
<script>
|
||||
|
||||
@ -1,45 +1,48 @@
|
||||
@charset "utf-8";
|
||||
/* SIR 지운아빠 */
|
||||
|
||||
/* 아웃로그인 스킨 */
|
||||
.ol {position:relative;padding:15px 15px 14px 14px;border-bottom:1px solid #dde4e9}
|
||||
.ol {position:relative;margin:20px;}
|
||||
.ol h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
|
||||
.ol ul {margin:0;padding:0;list-style:none}
|
||||
|
||||
.ol a.btn_admin {display:inline-block;padding:0 10px;height:23px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;line-height:2.15em;vertical-align:middle} /* 관리자 전용 버튼 */
|
||||
.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 fieldset {position:relative}
|
||||
#ol_id {display:block;margin:0 0 5px !important;margin:0 0 3px;padding:0 5px;width:168px;height:22px;border:1px solid #e4eaec;background:#f7f7f7;line-height:1.6em}
|
||||
.ol_idlabel {position:absolute;top:6px;left:5px;color:#333;font-size:0.95em}
|
||||
#ol_pw {display:block;margin:0 0 5px !important;margin:0 0 3px;padding:0 5px;width:168px;height:22px;border:1px solid #e4eaec;background:#f7f7f7;vertical-align:top;line-height:1.6em}
|
||||
.ol_pwlabel {position:absolute;top:35px;left:5px;color:#333;font-size:0.95em}
|
||||
#auto_login {}
|
||||
#auto_login_label {letter-spacing:-0.1em}
|
||||
#ol_submit {display:inline-block;width:60px;height:24px;border:0;background:#333;color:#fff;font-size:0.9em;font-weight:bold;vertical-align:top}
|
||||
#ol_before a {letter-spacing:-0.15em}
|
||||
#ol_svc {float:left;margin:5px 0 0}
|
||||
#ol_password_lost {display:inline-block;margin:0 0 0 5px}
|
||||
#ol_auto {position:relative;float:right;margin:5px 0 0}
|
||||
#ol_auto label {letter-spacing:-0.1em}
|
||||
#ol_auto input {width:13px;height:13px;vertical-align:bottom}
|
||||
#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_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_auto input {width:13px;height:13px}
|
||||
.ol_auto_wr:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
|
||||
#ol_after {}
|
||||
#ol_after_hd {margin:0 0 3px}
|
||||
#ol_after_hd .btn_admin {margin-top:5px;width:158px;text-align:center}
|
||||
#ol_after_private {margin:0 0 3px;zoom:1}
|
||||
#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_private:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#ol_after_private li {float:left}
|
||||
#ol_after_private a {display:block;padding-top:8px;height:37px;background:#f7f7f7;text-align:center}
|
||||
#ol_after_private a strong {display:block;padding-top:3px;color:#000;font-weight:normal}
|
||||
#ol_after_private a:focus,
|
||||
#ol_after_private a:hover {background:#333;color:#fff;text-decoration:none}
|
||||
#ol_after_private a:focus strong,
|
||||
#ol_after_private a:hover strong {color:#fff;text-decoration:none}
|
||||
#ol_after_memo {width:50px;margin-right:1px}
|
||||
#ol_after_pt {width:80px;margin-right:1px}
|
||||
#ol_after_scrap {width:48px;line-height:2.6em !important}
|
||||
#ol_after_ft {text-align:justify}
|
||||
#ol_after_ft a {display:inline-block;width:88px;height:25px;background:#333;color:#fff;text-align:center;line-height:2.2em}
|
||||
#ol_after_ft a:focus, #ol_after_ft a:hover {text-decoration:none !important}
|
||||
#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_pt {margin-right:1px}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user