로그인폼 수정 어떻게 하는지 도와 주셔요 정보
로그인폼 수정 어떻게 하는지 도와 주셔요
본문
안녕하세요
위 로그인폼인 심플하여 사용하려 하는데요
그런데 한가지 고심이 있습니다.
이 로그인 폼에서 보면 아이디 비밀번호 입력창 부분에 짙은 검정 테두리가 있어서요
이 부분을 그냥 옅은 색으로 만들려고 합니다.
고수님들 도움이 필요합니다.
이미지를 살펴봐도 나타나지 않습니다.
그리고 소스도 정확히 잘 몰라서 도저히 수정을 못하겠네요.
아시는 분도움을 바랍니다.
간단한듯 해도 저에겐 쉽지가 않습니다.
이걸 수정하지 못해 시간이 엄청 소비하고 있습니다. ㅠㅠ
도와 주셔요
감사합니다.
좋은 하루 되세요 ^^
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
?>
<script type="text/javascript" language=JavaScript>
// 엠파스 로긴 참고
var bReset = true;
function chkReset(f)
{
if (bReset) { if ( f.mb_id.value == '아이디' ) f.mb_id.value = ''; bReset = false; }
document.getElementById("pw1").style.display = "none";
document.getElementById("pw2").style.display = "";
}
</script>
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
?>
<script type="text/javascript" language=JavaScript>
// 엠파스 로긴 참고
var bReset = true;
function chkReset(f)
{
if (bReset) { if ( f.mb_id.value == '아이디' ) f.mb_id.value = ''; bReset = false; }
document.getElementById("pw1").style.display = "none";
document.getElementById("pw2").style.display = "";
}
</script>
<!-- 로그인 전 외부로그인 시작 -->
<table width="220" border="0" cellpadding="0" cellspacing="1" bgcolor="#E5E5E5" align="center">
<tr bgcolor="#FFFFFF">
<td>
<table width="100%" border="0" cellpadding="5" cellspacing="0">
<form name="fhead" method="post" action="javascript:fhead_submit(document.fhead);" autocomplete="off">
<table width="220" border="0" cellpadding="0" cellspacing="1" bgcolor="#E5E5E5" align="center">
<tr bgcolor="#FFFFFF">
<td>
<table width="100%" border="0" cellpadding="5" cellspacing="0">
<form name="fhead" method="post" action="javascript:fhead_submit(document.fhead);" autocomplete="off">
<tr>
<td width="100%">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="135">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="135" height="25" colspan="2" align="center"><input name="mb_id" type="text" style="width:120;height:18;" maxlength="20" required itemname="아이디" value='아이디' onMouseOver='chkReset(this.form);' onFocus='chkReset(this.form);'></td>
</tr>
<tr>
<td id=pw1 width="135" height="25" colspan="2" align="center"><input type="text" style="width:120;height:18;" maxlength="20" required itemname="패스워드" value='패스워드' onMouseOver='chkReset(this.form);' onfocus='chkReset(this.form);'></td>
<td id=pw2 style='display:none;' width="135" height="25" colspan="2" align="center"><input name="mb_password" type="password" style="width:120;height:19;" maxlength="20" itemname="패스워드" onMouseOver='chkReset(this.form);' onfocus='chkReset(this.form);'></td>
</tr>
</table>
</td>
<td width="65" height="46" rowspan="2" align="center" valign="top"><input type="image" src="<?=$outlogin_skin_path?>/img/login_button.gif" width="52" height="46" align="absmiddle" onfocus="this.blur()"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="25" align="center">
<a href="<?=$g4[bbs_path]?>/register.php" onfocus="this.blur()">회원가입</a>
l
<a href="javascript:win_password_forget();" onfocus="this.blur()">ID/PW찾기</a>
</td>
</tr>
</form>
</table>
</td>
</tr>
</table>
<td width="100%">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="135">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="135" height="25" colspan="2" align="center"><input name="mb_id" type="text" style="width:120;height:18;" maxlength="20" required itemname="아이디" value='아이디' onMouseOver='chkReset(this.form);' onFocus='chkReset(this.form);'></td>
</tr>
<tr>
<td id=pw1 width="135" height="25" colspan="2" align="center"><input type="text" style="width:120;height:18;" maxlength="20" required itemname="패스워드" value='패스워드' onMouseOver='chkReset(this.form);' onfocus='chkReset(this.form);'></td>
<td id=pw2 style='display:none;' width="135" height="25" colspan="2" align="center"><input name="mb_password" type="password" style="width:120;height:19;" maxlength="20" itemname="패스워드" onMouseOver='chkReset(this.form);' onfocus='chkReset(this.form);'></td>
</tr>
</table>
</td>
<td width="65" height="46" rowspan="2" align="center" valign="top"><input type="image" src="<?=$outlogin_skin_path?>/img/login_button.gif" width="52" height="46" align="absmiddle" onfocus="this.blur()"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="25" align="center">
<a href="<?=$g4[bbs_path]?>/register.php" onfocus="this.blur()">회원가입</a>
l
<a href="javascript:win_password_forget();" onfocus="this.blur()">ID/PW찾기</a>
</td>
</tr>
</form>
</table>
</td>
</tr>
</table>
<script language="JavaScript">
function fhead_submit(f)
{
if (!f.mb_id.value)
{
alert("회원아이디를 입력해 주세요.");
f.mb_id.focus();
return;
}
function fhead_submit(f)
{
if (!f.mb_id.value)
{
alert("회원아이디를 입력해 주세요.");
f.mb_id.focus();
return;
}
if (document.getElementById('pw2').style.display!='none' && !f.mb_password.value)
{
alert("패스워드를 입력해 주세요.");
f.mb_password.focus();
return;
}
{
alert("패스워드를 입력해 주세요.");
f.mb_password.focus();
return;
}
f.action = "<?=$g4[bbs_path]?>/login_check.php";
f.submit();
}
</script>
<!-- 로그인 전 외부로그인 끝 -->
f.submit();
}
</script>
<!-- 로그인 전 외부로그인 끝 -->
댓글 전체
outlogin.skin.1.php 의 아래 내용에 class="ed" 를 추가해보세요.
수정전 :
<input name="mb_id" type="text" style="width:120;height:18;" maxlength="20" required itemname="아이디" value='아이디' onMouseOver='chkReset(this.form);' onFocus='chkReset(this.form);'>
<input type="text" style="width:120;height:18;" maxlength="20" required itemname="패스워드" value='패스워드' onMouseOver='chkReset(this.form);' onfocus='chkReset(this.form);'>
수정전 :
<input name="mb_id" type="text" class="ed" style="width:120;height:18;" maxlength="20" required itemname="아이디" value='아이디' onMouseOver='chkReset(this.form);' onFocus='chkReset(this.form);'>
<input type="text" class="ed" style="width:120;height:18;" maxlength="20" required itemname="패스워드" value='패스워드' onMouseOver='chkReset(this.form);' onfocus='chkReset(this.form);'>
ps. class에 설정한 ed는 그누보드에 포함되어있는 style.css에 다음처럼 정의되어있습니다.
.ed { border:1px solid #CCCCCC; }
수정전 :
<input name="mb_id" type="text" style="width:120;height:18;" maxlength="20" required itemname="아이디" value='아이디' onMouseOver='chkReset(this.form);' onFocus='chkReset(this.form);'>
<input type="text" style="width:120;height:18;" maxlength="20" required itemname="패스워드" value='패스워드' onMouseOver='chkReset(this.form);' onfocus='chkReset(this.form);'>
수정전 :
<input name="mb_id" type="text" class="ed" style="width:120;height:18;" maxlength="20" required itemname="아이디" value='아이디' onMouseOver='chkReset(this.form);' onFocus='chkReset(this.form);'>
<input type="text" class="ed" style="width:120;height:18;" maxlength="20" required itemname="패스워드" value='패스워드' onMouseOver='chkReset(this.form);' onfocus='chkReset(this.form);'>
ps. class에 설정한 ed는 그누보드에 포함되어있는 style.css에 다음처럼 정의되어있습니다.
.ed { border:1px solid #CCCCCC; }
root님 간단하게 해결 되었습니다.
인제 마니마니 심플 해졌습니다.
감사합니다.
정말 고맙습니다. ^^
근데 포인트는 제가 어떻게 드리는 건가요.
저절로 전달 되는 거겠죠
ㄳ ㄳ ㄳ 합니다.
늘 행복하세요 ^^
아! ps 부분 그런거군요
매우 도움 되었습니다.
인제 마니마니 심플 해졌습니다.
감사합니다.
정말 고맙습니다. ^^
근데 포인트는 제가 어떻게 드리는 건가요.
저절로 전달 되는 거겠죠
ㄳ ㄳ ㄳ 합니다.
늘 행복하세요 ^^
아! ps 부분 그런거군요
매우 도움 되었습니다.
> 근데 포인트는 제가 어떻게 드리는 건가요.
> 저절로 전달 되는 거겠죠
저절로 전달되지 않습니다.
코멘트들 중에서 자신의 글이 아닌 자신이 원하는 답을 작성하신 코멘트 작성자의 우측에 보시면 "답변채택" 이라는것이 있을것입니다.
이것을 눌러줘야 합니다.
만약 답변채택을 하지 않으시면 질문답변 게시판에 다른 질문글을 작성 하실수 없습니다. ^^
> 저절로 전달 되는 거겠죠
저절로 전달되지 않습니다.
코멘트들 중에서 자신의 글이 아닌 자신이 원하는 답을 작성하신 코멘트 작성자의 우측에 보시면 "답변채택" 이라는것이 있을것입니다.
이것을 눌러줘야 합니다.
만약 답변채택을 하지 않으시면 질문답변 게시판에 다른 질문글을 작성 하실수 없습니다. ^^
채택을 하셔야 뽀인트가 전달될것 입니다..^^
//근데 포인트는 제가 어떻게 드리는 건가요.
//저절로 전달 되는 거겠죠
잇힝~~ ㅋㅋ
//저절로 전달 되는 거겠죠
잇힝~~ ㅋㅋ
호호호~~**
저도 어떻게 뽀인뜨를 드리는 줄 몰랐습니다.....ㅠ.ㅠ
저도 어떻게 뽀인뜨를 드리는 줄 몰랐습니다.....ㅠ.ㅠ
질문을 달아보시면 바로 압니다..^^