Fix layout errors in main templates and modernize login/registration screens

This commit is contained in:
sanjeok77
2026-06-23 09:22:40 +09:00
parent 8c87fba54c
commit b7ae8f291e
4 changed files with 216 additions and 243 deletions
+87 -93
View File
@@ -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&nbsp;&nbsp;$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
&copyright;
exit;