Fix layout errors in main templates and modernize login/registration screens
This commit is contained in:
+87
-93
@@ -34,72 +34,64 @@ sub regist1{
|
||||
print <<"EOM";
|
||||
<html>
|
||||
<head>
|
||||
<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>죄와 벌++ 신규 등록</title>
|
||||
<style type="text/css">
|
||||
<!--
|
||||
.button1{
|
||||
font-family: "MS Pゴシック", "Osaka"; font-size: 12px; font-weight: 400; color: #bbbbcc;
|
||||
border: 2px #666699 ridge; cursor: hand; background-color: #222244;
|
||||
width:100px;
|
||||
}
|
||||
body,td { font-size: 10px; color: #aaaab9; cursor: crosshair}
|
||||
-->
|
||||
</style>
|
||||
<link rel="stylesheet" type="text/css" href="$css">
|
||||
</head>
|
||||
<body $body>
|
||||
<center>
|
||||
|
||||
<table border="0" cellspacing="0" cellpadding="0" align="center" width="100%" height="100%">
|
||||
<tr>
|
||||
<td align="center" valign="middle">
|
||||
|
||||
<table border="0" cellspacing="0" cellpadding="0" align="center" width="480" height="360">
|
||||
<tr>
|
||||
<form action="$ore_reg" method="$method" name="ore_reg">
|
||||
<input type="hidden" name="mode" value="regist2">
|
||||
<td align="center" valign="middle">
|
||||
<tt style="font-size:10pt;color:#aaaaaa">
|
||||
<b style="color:#ffeeee;font-size:11pt">$title<br><br>신 규 등 록</b><br><br>
|
||||
유저 ID : <input type="text" size="8" name="id" maxlength="12" style="width:100px" class="button1"><br>
|
||||
플레이어명 : <input type="text" size="16" name="nm" style="width:100px" class="button1"><br>
|
||||
비밀번호 : <input type="password" size="8" maxlength="8" name="pw" style="width:100px" class="button1"><br>
|
||||
성별 : 남<input type="radio" name="sei" value="1"> 여<input type="radio" name="sei" value="2"><br>
|
||||
<br>
|
||||
<input type="submit" value="등록" style="width:120px" class="button1">
|
||||
<input type="reset" value="초기화" style="width:60px" class="button1">
|
||||
<br><br>
|
||||
</tt>
|
||||
|
||||
<table border="0" cellspacing="4" cellpadding="4" align="center" bgcolor="#222222">
|
||||
<tr>
|
||||
<td align="left" valign="middle">
|
||||
<tt style="font-size:10pt;color:#aaaabb">
|
||||
<li>유저 ID는 <span style="color:#eebbdd">반각 영문/숫자 4~12글자</span>입니다.
|
||||
<li>플레이어명은 <span style="color:#eebbdd">한글 8자(영문/숫자 16자) 이내</span>입니다.
|
||||
<li>비밀번호는 <span style="color:#eebbdd">반각 영문/숫자 4~8글자</span>입니다.
|
||||
<hr color=#444466 size=4 hoshade>
|
||||
<li>중복 등록은 금지되어 있습니다. 발견 시 삭제됩니다.
|
||||
<li><span style="color:#eebbdd">$del_limit</span>일 동안 방치하면 캐릭터가 삭제됩니다.
|
||||
<li>최대 <span style="color:#eebbdd">$sanka</span>명까지 등록 가능합니다.
|
||||
</tt>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</td>
|
||||
</form>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<form>
|
||||
<input type="button" value="타이틀로 돌아가기" style="width:120px" class="button1" onClick="top.location.href='$index'">
|
||||
</form>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<body class="modern-ui">
|
||||
<div class="game-container" style="max-width: 600px; margin-top: 50px;">
|
||||
<div class="card">
|
||||
<div class="card-title">신규 등록</div>
|
||||
|
||||
<form action="$ore_reg" method="$method" name="ore_reg" style="display: flex; flex-direction: column; gap: 15px;">
|
||||
<input type="hidden" name="mode" value="regist2">
|
||||
|
||||
<div>
|
||||
<label style="display:block; margin-bottom:5px; color:var(--text-secondary); font-size:12px;">유저 ID (반각 영문/숫자 4~12자)</label>
|
||||
<input type="text" name="id" maxlength="12" class="button1" style="width:100%; text-align:left; padding-left:12px; margin-bottom:0;">
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label style="display:block; margin-bottom:5px; color:var(--text-secondary); font-size:12px;">플레이어명 (한글 8자, 영문/숫자 16자 이내)</label>
|
||||
<input type="text" name="nm" class="button1" style="width:100%; text-align:left; padding-left:12px; margin-bottom:0;">
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label style="display:block; margin-bottom:5px; color:var(--text-secondary); font-size:12px;">비밀번호 (반각 영문/숫자 4~8자)</label>
|
||||
<input type="password" name="pw" maxlength="8" class="button1" style="width:100%; text-align:left; padding-left:12px; margin-bottom:0;">
|
||||
</div>
|
||||
|
||||
<div style="display: flex; gap: 20px; align-items: center; padding: 5px 0;">
|
||||
<span style="color:var(--text-secondary); font-size:12px;">성별:</span>
|
||||
<label style="cursor:pointer; display: flex; align-items: center; gap: 5px;">
|
||||
<input type="radio" name="sei" value="1"> 남성
|
||||
</label>
|
||||
<label style="cursor:pointer; display: flex; align-items: center; gap: 5px;">
|
||||
<input type="radio" name="sei" value="2"> 여성
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div style="display: flex; gap: 10px; margin-top: 10px;">
|
||||
<input type="submit" value="등록하기" style="flex: 2; margin-bottom:0; display:block; box-sizing:border-box;">
|
||||
<input type="reset" value="초기화" style="flex: 1; margin-bottom:0; background-color: rgba(255,255,255,0.05); color: #fff; display:block; box-sizing:border-box;">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<!-- 규정 설명 카드 -->
|
||||
<div class="card">
|
||||
<div class="card-title">이용 규정 및 안내</div>
|
||||
<ul style="margin: 0; padding-left: 20px; color: var(--text-secondary); font-size: 13px; line-height: 1.8;">
|
||||
<li>중복 등록은 금지되어 있습니다. 발견 시 즉시 계정이 삭제됩니다.</li>
|
||||
<li>가입 후 <span style="color:#7b66ff; font-weight:bold;">$del_limit일</span> 동안 로그인이나 행동이 없을 시 캐릭터가 삭제됩니다.</li>
|
||||
<li>본 게임의 최대 동시 등록 제한은 <span style="color:#7b66ff; font-weight:bold;">$sanka명</span>입니다.</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div style="text-align: center; margin-top: 20px; margin-bottom: 40px;">
|
||||
<input type="button" value="타이틀로 돌아가기" class="button1" style="width: 200px; display:inline-block; box-sizing:border-box;" onClick="top.location.href='$index'">
|
||||
</div>
|
||||
</div>
|
||||
EOM
|
||||
}
|
||||
else{
|
||||
@@ -184,37 +176,39 @@ sub regist2{
|
||||
print <<"EOM";
|
||||
<html>
|
||||
<head>
|
||||
<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=UTF-8">
|
||||
<title>죄와 벌++ 신규 등록</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>죄와 벌++ 신규 등록 완료</title>
|
||||
<link rel="stylesheet" type="text/css" href="$css">
|
||||
</head>
|
||||
<body $body>
|
||||
<center>
|
||||
<table border=0>
|
||||
<tr>
|
||||
<td align=left>
|
||||
<tt style="font-size:12pt">신규 등록 완료<br>
|
||||
<br><br>
|
||||
NAME $in{'nm'}<br>
|
||||
I D $id<br>
|
||||
PASS $pw<br>
|
||||
<br>
|
||||
HP $hp<br>
|
||||
MP $mp<br>
|
||||
UA $ua<br>
|
||||
UD $ud<br>
|
||||
LR $lr<br>
|
||||
<br>
|
||||
<form action=$script method=$method>
|
||||
<input type=hidden name=id value=$id>
|
||||
<input type=hidden name=pw value=$pw>
|
||||
<input type=submit value="게임 시작">
|
||||
</form>
|
||||
<br>
|
||||
<a href="$index">타이틀로 돌아가기</a>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</center>
|
||||
<body class="modern-ui">
|
||||
<div class="game-container" style="max-width: 500px; margin-top: 50px;">
|
||||
<div class="card">
|
||||
<div class="card-title">신규 등록 완료</div>
|
||||
<div style="font-size:14px; line-height: 1.8; margin-bottom: 20px; color: var(--text-primary);">
|
||||
<div style="font-size: 16px; font-weight: bold; color: #7b66ff; margin-bottom: 15px;">캐릭터 생성 성공!</div>
|
||||
• <b>이름:</b> $in{'nm'}<br>
|
||||
• <b>아이디:</b> $id<br>
|
||||
• <b>비밀번호:</b> $pw<br>
|
||||
<hr style="margin: 15px 0;">
|
||||
<div style="font-weight: bold; margin-bottom: 5px; color: var(--text-secondary);">초기 스탯:</div>
|
||||
• <b>체력 [HP]:</b> $hp<br>
|
||||
• <b>마력 [MP]:</b> $mp<br>
|
||||
• <b>공격 [UA]:</b> $ua<br>
|
||||
• <b>방어 [UD]:</b> $ud<br>
|
||||
• <b>지휘 [LR]:</b> $lr
|
||||
</div>
|
||||
|
||||
<form action="$script" method="$method" style="margin-top: 20px;">
|
||||
<input type="hidden" name="id" value="$id">
|
||||
<input type="hidden" name="pw" value="$pw">
|
||||
<input type="submit" value="게임 시작하기" class="button1" style="width: 100%;">
|
||||
</form>
|
||||
|
||||
<div style="text-align: center; margin-top: 15px;">
|
||||
<a href="$index" style="color: var(--text-secondary); text-decoration: none; font-size: 13px;">타이틀로 돌아가기</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
EOM
|
||||
©right;
|
||||
exit;
|
||||
|
||||
Reference in New Issue
Block a user