답변 3개
채택된 답변
+20 포인트
11년 전
그누5 기본 outlogin 스킨의 비밀번호 가로폭 104px은 css에서 주어지는것이 아니라
스크립트에서 부여합니다.
로그인스킨 파일을 여시고 하단에 보시면 <script>가 있을겁니다.
</p><p>$omi = $('#ol_id');</p><p>$omp = $('#ol_pw');</p><p>$omp.css('display','inline-block').css('width',104);</p><p>$omi_label = $('#ol_idlabel');</p><p>$omi_label.addClass('ol_idlabel');</p><p>$omp_label = $('#ol_pwlabel');</p><p>$omp_label.addClass('ol_pwlabel');</p><p> </p><p>$(function() {</p><p> $omi.focus(function() {</p><p> $omi_label.css('visibility','hidden');</p><p> });</p><p> $omp.focus(function() {</p><p> $omp_label.css('visibility','hidden');</p><p> });</p><p> $omi.blur(function() {</p><p> $this = $(this);</p><p> if($this.attr('id') == "ol_id" && $this.attr('value') == "") $omi_label.css('visibility','visible');</p><p> });</p><p> $omp.blur(function() {</p><p> $this = $(this);</p><p> if($this.attr('id') == "ol_pw" && $this.attr('value') == "") $omp_label.css('visibility','visible');</p><p> });</p><p> </p><p> $("#auto_login").click(function(){</p><p> if ($(this).is(":checked")) {</p><p> if(!confirm("자동로그인을 사용하시면 다음부터 회원아이디와 비밀번호를 입력하실 필요가 없습니다.\n\n공공장소에서는 개인정보가 유출될 수 있으니 사용을 자제하여 주십시오.\n\n자동로그인을 사용하시겠습니까?"))</p><p> return false;</p><p> }</p><p> });</p><p>});</p><p> </p><p>function fhead_submit(f)</p><p>{</p><p> return true;</p><p>}</p><p>
위 소스에서
</p><p><span style="font-family: 굴림, Gulim, 돋움, Dotum, Helvetica, sans-serif; line-height: 1.5;">$omp.css('display','inline-block').css('width',104); </span></p><p><span style="font-family: 굴림, Gulim, 돋움, Dotum, Helvetica, sans-serif; line-height: 1.5;">// 위부분을</span></p><p><span style="font-family: 굴림, Gulim, 돋움, Dotum, Helvetica, sans-serif; line-height: 1.5;"></span><span style="font-family: 굴림, Gulim, 돋움, Dotum, Helvetica, sans-serif; line-height: 1.5;">$omp.css('display','inline-block');</span></p><p><span style="font-family: 굴림, Gulim, 돋움, Dotum, Helvetica, sans-serif; line-height: 1.5;">//이렇게 바꿔주세요</span><span style="font-family: 굴림, Gulim, 돋움, Dotum, Helvetica, sans-serif; line-height: 1.5;"></span></p><p>그럼 현재 설정해둔 200px이 먹히실겁니다.
그리고 코드입력 label 은
css 값을 주셔야합니다.
좀 번거로운 방법이지만, 아래소스를 css 파일에 넣으세요
#ol_colabel{
}
그렇게하시면 원하시는 값이 나올겁니다.
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
11년 전
감사합니다ㅜㅜ
</p><p> </p><p><!-- 로그인 전 아웃로그인 시작 { --></p><p><section id="ol_before" class="ol"></p><p> <h2>회원로그인</h2></p><p> <form name="foutlogin" action="<?php echo $outlogin_action_url ?>" onsubmit="return fhead_submit(this);</p><p> " method="post" autocomplete="off"></p><p> <fieldset></p><p> <input type="hidden" name="url" value="<?php echo $outlogin_url ?>"></p><p> <label for="ol_id" id="ol_idlabel">아이디<strong class="sound_only">필수</strong></label></p><p> <input type="text" id="ol_id" name="mb_id" required class="required" maxlength="20"></p><p> <label for="ol_pw" id="ol_pwlabel">비밀번호<strong class="sound_only">필수</strong></label></p><p> <input type="password" name="mb_password" id="ol_pw" required class="required" maxlength="20"></p><p> </p><p> <label for="ol_code" id="ol_colabel">코드입력<strong class="sound_only">필수</strong></label></p><p> <input type="password" name="mb_code" id="ol_code" required class="required" maxlength="4"></p><p> </p><p> <input type="submit" id="ol_submit" value="로그인"></p><p> </p><p> </fieldset></p><p> </form></p><p></section> </p><p> </p><p>
PHP
</p><p> </p><p> </p><p>/* 아웃로그인 스킨 */</p><p>.ol {position:relative;padding:15px 15px 14px 14px}</p><p>.ol h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}</p><p>.ol ul {margin:0;padding:0;list-style:none}</p><p> </p><p>.ol a.btn_admin {display:inline-block;padding:0 10px;height:23px;border:1px solid #e8180c;background:#e8180c;color:#fff;</p><p>text-decoration:none;line-height:2.15em;vertical-align:middle} /* 관리자 전용 버튼 */</p><p>.ol a.btn_admin:focus, .ol a.btn_admin:hover {text-decoration:none}</p><p> </p><p>#ol_before {float:right;margin:150px 150px 0 150px;}</p><p>#ol_before fieldset {position:relative}</p><p>#ol_id {display:block;margin:0 0 5px !important;margin:0 0 3px;padding:0 5px;width:200px;height:25px;border:1px solid #e4eaec;</p><p>background:#f7f7f7;line-height:1.6em}</p><p>.ol_idlabel {position:absolute;top:6px;left:5px;color:#333;font-size:0.95em}</p><p>#ol_pw {display:block;margin:0 0 5px !important;margin:0 0 3px;padding:0 5px;width:200px;height:25px;border:1px solid #e4eaec;</p><p>background:#f7f7f7;line-height:1.6em}</p><p>.ol_pwlabel {position:absolute;top:35px;left:5px;color:#333;font-size:0.95em}</p><p> </p><p>#ol_code {margin:0 0 5px !important;margin:0 0 3px;padding:0 5px;width:120px;height:25px;border:1px solid #e4eaec;</p><p>background:#f7f7f7;vertical-align:top;line-height:1.6em}</p><p>.ol_colabel {position:absolute;top:55px;left:5px;color:#333;font-size:0.95em}</p><p> </p><p> </p><p>#ol_submit {margin-left:15px;width:60px;height:24px;border:0;background:#333;color:#fff;font-size:0.9em;font-weight:bold;</p><p>vertical-align:top}</p><p>#ol_before a {letter-spacing:-0.15em}</p><p>
CSS
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
에릭슨
11년 전
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
개발중인 url 주소 좀 부탁드려요.