묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
로그인 위젯의 flat_seris 스킨을 모바일에 적용시켰습니다.
CSS 관련 질문.. 간단한건데 전 모르겠어서 질문해봅니다..ㅜ
2014.10.04 21:44
로그인 위젯의 flat_seris 스킨을 모바일에 적용시켰습니다.
근데.. 수정을 약간 하다보니 이렇게 됐는데..
아이디,비밀번호 입력칸을 옆으로 늘리고 그옆에 로그인버튼을 놓고 아랫줄에 자동로그인 체크박스를 놓으려고 하는데 어찌 해야할지...막막합니다..ㅜㅜ
CSS 잘하시는분 저좀 HELP....
댓글 2
-
Hello_XE
2014.10.05 19:24
저부분 html코드를 올려주세요 -
도메인8295
2014.10.05 19:39
답변 감사합니다.
html코드는
<!--// FILTER -->
<load target="./filter/login.xml" />
<load target="./filter/openid_login.xml" />
<!--// CSS -->
<load target="./css/stylesheet.css" />
<!--// JS -->
<load target="./js/script.js" type="body" />
<!--// BODY -->
<div cond="$XE_VALIDATOR_MESSAGE && $XE_VALIDATOR_ID == 'widgets/login_info/skins/flat_series/login_form/1'" class="message {$XE_VALIDATOR_MESSAGE_TYPE}">
<p>{$XE_VALIDATOR_MESSAGE}</p>
</div>
<form ruleset="@login" class="login-form no-logged" method="post" action="{getUrl('', 'act', 'procMemberLogin')}">
<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/flat_series/login_form/1" />
<fieldset>
<div class="clear">
<div class="account">
<input name="user_id" type="text" placeholder="<!--@if($member_config->identifier != 'email_address')-->{$lang->user_id}<!--@else-->{$lang->email_address}<!--@end-->" />
<input name="password" type="password" placeholder="{$lang->password}" />
</div>
<div class="login">
<input type="submit" value="{$lang->cmd_login}" />
</div>
</div>
<br>
<div class="keep">
<input type="checkbox" name="keep_signed" id="keep_signed" value="Y" onclick="if (this.checked) return confirm('{$lang->about_keep_warning}')" />
<label for="keep_signed">{$lang->keep_signed}</label>
</div>
<table class="menu">
<tbody>
<tr>
<td><a href="{getUrl('act', 'dispMemberSignUpForm')}">{$lang->cmd_signup}</a></td>
<td><a href="{getUrl('act', 'dispMemberFindAccount')}">{$lang->cmd_find_member_account}</a></td>
</tr>
</tbody>
</table>
</fieldset>
</form>
이겁니다.