mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-01-09 03:32:00 +09:00
로그인 위젯의 로그인폼 추가
This commit is contained in:
BJRambo
parent
4ce0b5139c
commit
e3f54d96a4
2 changed files with 190 additions and 2 deletions
|
|
@ -12,6 +12,10 @@
|
|||
line-height:20px;
|
||||
}
|
||||
|
||||
#nc_container.nc_login {
|
||||
height:28px;
|
||||
}
|
||||
|
||||
#nc_container a {
|
||||
padding:0;
|
||||
font-size:12px;
|
||||
|
|
@ -35,7 +39,9 @@
|
|||
#nc_container ul.nc_memu {
|
||||
border-bottom:1px solid #0c0c0c;
|
||||
}
|
||||
|
||||
#nc_container ul.nc_memu.guest {
|
||||
border-bottom: 0;
|
||||
}
|
||||
#nc_container ul.me_menu {
|
||||
border-top:1px solid #505050;
|
||||
}
|
||||
|
|
@ -118,7 +124,7 @@
|
|||
display:none;
|
||||
position:absolute;
|
||||
left:0;
|
||||
bottom:50px;
|
||||
bottom:58px;
|
||||
max-width:330px;
|
||||
width:330px;
|
||||
box-sizing:border-box;
|
||||
|
|
@ -127,6 +133,10 @@
|
|||
-o-box-sizing:border-box;
|
||||
}
|
||||
|
||||
#nc_container.nc_login .list {
|
||||
bottom:28px;
|
||||
}
|
||||
|
||||
#nc_container a.readall {
|
||||
display:none;
|
||||
float:left;
|
||||
|
|
@ -231,3 +241,134 @@
|
|||
#nc_container a.notify { color:white; }
|
||||
#nc_container a.notify .num { background-color:#D83722; color:white; }
|
||||
#nc_container ul.nc_menu li { padding-right:5px; }
|
||||
|
||||
|
||||
/* zocial */
|
||||
#account-signup [class*="entypo-"]:before {
|
||||
font-family: 'entypo', sans-serif;
|
||||
}
|
||||
|
||||
#account-signup h2 {
|
||||
display:block;
|
||||
position:relative;
|
||||
padding:10px;
|
||||
height:30px;
|
||||
color:rgba(255,255,255,.8);
|
||||
margin-left:12px;
|
||||
font-size: 25px;
|
||||
}
|
||||
|
||||
.nc_login .list {
|
||||
background: #272125;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
}
|
||||
|
||||
#account-signup form.account-signup {
|
||||
position:relative;
|
||||
margin: 50px auto;
|
||||
width: 380px;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
#account-signup input.user,
|
||||
#account-signup input.pass{
|
||||
padding: 16px;
|
||||
border-radius:7px;
|
||||
border:0px;
|
||||
background: rgba(255,255,255,.2);
|
||||
display: block;
|
||||
margin: 15px;
|
||||
width: 212px;
|
||||
color:white;
|
||||
font-size:18px;
|
||||
height: 20.5px;
|
||||
}
|
||||
|
||||
#account-signup input.user {
|
||||
margin-top:0;
|
||||
}
|
||||
|
||||
.nc_login .list li a {
|
||||
padding:10px 10px 10px 15px !important;
|
||||
}
|
||||
|
||||
#account-signup input.user:focus,
|
||||
#account-signup input.pass:focus{
|
||||
outline-color: rgba(0,0,0,0);
|
||||
background: rgba(255,255,255,.95);
|
||||
color: #e74c3c;
|
||||
}
|
||||
|
||||
input[id="keep_signed"] {
|
||||
|
||||
display: none;
|
||||
}
|
||||
|
||||
input[id="keep_signed"] + label{
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
padding-left: 25px;
|
||||
margin-left: 15px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
input[id="keep_signed"]+ label:before {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-right: 10px;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 1px;
|
||||
background-color: #ccc;
|
||||
border-radius: 2px;
|
||||
box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
|
||||
}
|
||||
|
||||
input[id="keep_signed"]:checked + label:before {
|
||||
content: "\2713";
|
||||
text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
|
||||
font-size: 18px;
|
||||
font-weight:800;
|
||||
color: #fff;
|
||||
background: #c14d18;
|
||||
text-align: center;
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
#account-signup button.submit {
|
||||
float:right;
|
||||
height: 121px;
|
||||
width: 50px;
|
||||
border: 0px;
|
||||
background: #e74c3c;
|
||||
border-radius:7px;
|
||||
padding: 10px;
|
||||
color:white;
|
||||
font-size:22px;
|
||||
margin-right:10px;
|
||||
}
|
||||
|
||||
#account-signup .inputUserIcon {
|
||||
position:absolute;
|
||||
top:68px;
|
||||
right: 80px;
|
||||
color:white;
|
||||
}
|
||||
|
||||
#account-signup .inputPassIcon {
|
||||
position:absolute;
|
||||
top:135px;
|
||||
right: 80px;
|
||||
color:white;
|
||||
}
|
||||
|
||||
#account-signup input::-webkit-input-placeholder {
|
||||
color: white;
|
||||
}
|
||||
|
||||
#account-signup input:focus::-webkit-input-placeholder {
|
||||
color: #e74c3c;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1 +1,48 @@
|
|||
<load target="./css/ncenter.css" />
|
||||
<load target="./js/ncenter.js" type="body" />
|
||||
|
||||
<div id="nc_container" class="nc_login" {$ncenterlite_zindex}>
|
||||
<ul class="nc_memu guest">
|
||||
<li class="nc_profile fLeft">
|
||||
<block cond="$useProfileImage">
|
||||
<img cond="!$profileImage" src="{Context::getRequestUri()}modules/ncenterlite/skins/default/img/p.png" alt="my profile" class="nc_profile_img" />
|
||||
</block>
|
||||
<strong>손님</strong>
|
||||
</li>
|
||||
|
||||
<li class="fLeft">
|
||||
<a class="notify" href="#">
|
||||
로그인해주세요!
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="list">
|
||||
<form id="account-signup" action="{getUrl('','act','procMemberLogin')}" method="post" ruleset="@login" class="account">
|
||||
<fieldset id="acField">
|
||||
<input type="hidden" name="act" value="procMemberLogin"/>
|
||||
<input type="hidden" name="success_return_url" value="{htmlspecialchars(getRequestUriByServerEnviroment(), ENT_COMPAT | ENT_HTML401, 'UTF-8', false)}"/>
|
||||
<input type="hidden" name="xe_validator_id" value="widgets/login_info/skins/default/login_form/1"/>
|
||||
<div cond="$XE_VALIDATOR_MESSAGE && $XE_VALIDATOR_ID == 'widgets/login_info/skins/default/login_form/1'"
|
||||
class="message {$XE_VALIDATOR_MESSAGE_TYPE}">
|
||||
<p>{$XE_VALIDATOR_MESSAGE}</p>
|
||||
</div>
|
||||
<h2><i class="xi-user"></i>{$lang->cmd_login}</h2>
|
||||
<button class="submit"><i class="xi-user-check"></i></button>
|
||||
<span class="inputUserIcon"><i class="xi-user"></i></span>
|
||||
<input name="user_id" id="user_id" type="text" class="user" placeholder="Your ID" required cond="$member_config->identifier != 'email_address'"/>
|
||||
<input name="user_id" id="user_id" type="email" class="user" placeholder="Your Email Address" required cond="$member_config->identifier == 'email_address'"/>
|
||||
<span class="inputPassIcon"><i class="xi-key"></i></span>
|
||||
<input name="password" id="user_pw" type="password" class="pass" required placeholder="Password"/>
|
||||
<p class="keep">
|
||||
<input type="checkbox" name="keep_signed" id="keep_signed" value="Y"/>
|
||||
<label for="keep_signed">{$lang->keep_signed}</label>
|
||||
</p>
|
||||
<ul class="help">
|
||||
<li><a href="{getUrl('act','dispMemberSignUpForm')}">{$lang->cmd_signup}</a></li>
|
||||
<li><a href="{getUrl('act','dispMemberFindAccount')}">{$lang->cmd_find_member_account}</a></li>
|
||||
</ul>
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue