From b7ae8f291e69f326ee433d78a9f4a84d983489c8 Mon Sep 17 00:00:00 2001 From: sanjeok77 Date: Tue, 23 Jun 2026 09:22:40 +0900 Subject: [PATCH] Fix layout errors in main templates and modernize login/registration screens --- html/ore_.css | 47 +++++++++ inc/ore_sub-base_pc.cgi | 17 +++- index.cgi | 215 +++++++++++++--------------------------- ore_reg.cgi | 180 ++++++++++++++++----------------- 4 files changed, 216 insertions(+), 243 deletions(-) diff --git a/html/ore_.css b/html/ore_.css index bbfb681..a2fe859 100644 --- a/html/ore_.css +++ b/html/ore_.css @@ -20,6 +20,9 @@ body { font-size: 14px; margin: 0; padding: 0; +} + +body.modern-ui { min-height: 100vh; display: flex; justify-content: center; @@ -73,6 +76,49 @@ body { justify-content: space-between; } +/* Format tables inside cards */ +.card table { + width: 100%; + border-collapse: collapse; + margin: 15px 0; + color: var(--text-primary); + background-color: transparent !important; +} + +.card tr { + background-color: transparent !important; + transition: background-color 0.2s ease; +} + +.card tr:nth-child(even) { + background-color: rgba(255, 255, 255, 0.02) !important; +} + +.card tr:hover { + background-color: rgba(255, 255, 255, 0.06) !important; +} + +.card th, .card td { + padding: 12px 10px; + border-bottom: 1px solid var(--border-color); + text-align: center; + background-color: transparent !important; +} + +.card th { + background-color: rgba(255, 255, 255, 0.05) !important; + font-weight: 600; + color: #ffffff; +} + +/* Style legacy header row having bgcolor attribute or align center */ +.card tr[bgcolor="#ccccee"] td, .card tr[align="center"] td { + background-color: rgba(255, 255, 255, 0.08) !important; + font-weight: 600; + color: #ffffff !important; +} + + /* Legacy fonts overrides */ tt, pre { font-family: 'Inter', system-ui, sans-serif; @@ -125,6 +171,7 @@ select { height: auto; cursor: pointer; box-sizing: border-box; + margin-bottom: 10px; } input[type="text"], input[type="password"] { diff --git a/inc/ore_sub-base_pc.cgi b/inc/ore_sub-base_pc.cgi index 3d46899..c09ef29 100755 --- a/inc/ore_sub-base_pc.cgi +++ b/inc/ore_sub-base_pc.cgi @@ -17,6 +17,9 @@ sub html{ # 헤더 & 압축 전송 유무 &content_type; + # $log2 커맨드 폼의 legacy 테이블/셀 태그를 정규식으로 제거하여 레이아웃 유연화 + $log2 =~ s/<\/?(td|tr|table)[^>]*>//gi if defined $log2; + # 마우스 자동 조작 치트 격퇴 전투 시에 4/400 확률로 발동 my $no_mouse = ($no_mouse && $type eq '수행중') ? int(rand(400)) : 100 ; @@ -55,7 +58,7 @@ EOM print < - +
@@ -162,9 +165,14 @@ EOM if($layout_flag==1){ print < - -

+
+
+
행동 / 결과
+
+ $log +
+
+
EOM }elsif(!$layout_flag){ require './inc/ore_sub-base-p1_pc.cgi';&layout_flag_0; @@ -174,6 +182,7 @@ EOM $disp

$kakiko +
EOM } diff --git a/index.cgi b/index.cgi index 06a02eb..8d69ff6 100755 --- a/index.cgi +++ b/index.cgi @@ -22,170 +22,93 @@ $help_i = "./html/Help_i.html"; # 사용설명서[MV] # 以下処理 基本的にこれ以下はいじらないように。 &get_time; # 日時取得 &axs_check; # アクセスチェック -&read_data_index; # ログデータ読み込み - -print "Content-type: text/html; charset=UTF-8\n\n" ; -# メニュー表示 -($mv_mode eq 'mv') ? &html_top_mv : &html_top_pc ; -# 削除・移動・変更不可 -©right; - -exit; - -#------------------------------------------------------------------------------- -# html生成(PC) -sub html_top_pc{ +&read_data_index; # ログデータ読みsub html_top_pc{ print <<"EOM"; - + $titleh - + - - - - - -
+ +
+
+
+ + +
+ +
- - - - - - - - -
- -









- - - - - - - - - - - - - - - - - - - - - - -
- -유구한 대지로
+
+ +
+
+
유구한 대지로 로그인
EOM if($now_nm_cnt>=$play_limit){ - print qq|
현재 로그인 제한 중

|; -} - else{ + print qq|
현재 로그인 제한 중
|; + } else { print <<"EOM"; -유저 ID: -
-비밀번호: - - + + +
+ + +
+
+ + +
+ + EOM -} + } print <<"EOM"; -
-
         ->> 플레이 중인 참가자 [ $now_nm_cnt 명] -
-
-$now_nm +
+ + +
+
메인 메뉴
+
+
+ 신규 등록 +
등록하기 전에 반드시 설명서를 정독해주세요.
+
+ +
+
+ + + +
+
+
현재 접속자 [$now_nm_cnt명]
+
+ $now_nm +
+ +
+ • 현재 등록 인원: $now_sanka명 / 최대 $sanka명
+ • 방치 삭제 기간: $del_limit일
+ • 플레이 제한 시간: $safe_time +
+
+
+ -
- -
- -
-
-신규 등록
-등록하기 전에 반드시 ↓ 내용을 읽어주세요. -
-
- -
-
-사용 설명서
-안 읽으면 도통 이해하기 힘들걸요? -
-
- -
-
-과거의 영광
-유구한 대지의 역사를 돌아보다 -
-
- -
-
-본관으로 돌아가기
-
-
- -
-
-죄와 벌++의 석비
-유구한 대지에서 패권을 쥔 자의 이름 -
-
- -
-
-
-  >> 현재 등록 인원 [ $now_sanka 명] 최대 등록 인원 [ $sanka 명]
-    삭제 방치 기간 [ $del_limit 일] 플레이 제한 시간대 [ $safe_time ] -
-

-
-  모바일(i-mode, J-Sky) 완벽 대응, ezweb 대응. PC가 필요 없습니다.
-  모바일에서 PC와 동일한 URL로 접속하시면 됩니다. -
- -
-
- -
- EOM -} +#------------------------------------------------------------------------------- #------------------------------------------------------------------------------- # html生成(モバイル) sub html_top_mv{ diff --git a/ore_reg.cgi b/ore_reg.cgi index b8c7399..b7f097d 100755 --- a/ore_reg.cgi +++ b/ore_reg.cgi @@ -34,72 +34,64 @@ sub regist1{ print <<"EOM"; - + 죄와 벌++ 신규 등록 - + - -
- - - - - -
- - - - - - - - -
- -$title

신 규 등 록


-유저 ID :
-플레이어명 :
-비밀번호 :
-성별    :  남  여
-
- - -

-
- - - - - -
- -
  • 유저 ID는 반각 영문/숫자 4~12글자입니다. -
  • 플레이어명은 한글 8자(영문/숫자 16자) 이내입니다. -
  • 비밀번호는 반각 영문/숫자 4~8글자입니다. -
    -
  • 중복 등록은 금지되어 있습니다. 발견 시 삭제됩니다. -
  • $del_limit일 동안 방치하면 캐릭터가 삭제됩니다. -
  • 최대 $sanka명까지 등록 가능합니다. - -
  • - -
    - -
    - -
    - -
    + +
    +
    +
    신규 등록
    + +
    + + +
    + + +
    + +
    + + +
    + +
    + + +
    + +
    + 성별: + + +
    + +
    + + +
    +
    +
    + +
    +
    이용 규정 및 안내
    +
      +
    • 중복 등록은 금지되어 있습니다. 발견 시 즉시 계정이 삭제됩니다.
    • +
    • 가입 후 $del_limit일 동안 로그인이나 행동이 없을 시 캐릭터가 삭제됩니다.
    • +
    • 본 게임의 최대 동시 등록 제한은 $sanka명입니다.
    • +
    +
    + +
    + +
    +
    EOM } else{ @@ -184,37 +176,39 @@ sub regist2{ print <<"EOM"; - -죄와 벌++ 신규 등록 + +죄와 벌++ 신규 등록 완료 + - -
    - - - - -
    -신규 등록 완료
    -

    -NAME $in{'nm'}
    -I D  $id
    -PASS $pw
    -
    -HP  $hp
    -MP  $mp
    -UA  $ua
    -UD  $ud
    -LR  $lr
    -
    -
    - - - -
    -
    -타이틀로 돌아가기 -
    -
    + +
    +
    +
    신규 등록 완료
    +
    +
    캐릭터 생성 성공!
    + • 이름: $in{'nm'}
    + • 아이디: $id
    + • 비밀번호: $pw
    +
    +
    초기 스탯:
    + • 체력 [HP]: $hp
    + • 마력 [MP]: $mp
    + • 공격 [UA]: $ua
    + • 방어 [UD]: $ud
    + • 지휘 [LR]: $lr +
    + +
    + + + +
    + + +
    +
    EOM ©right; exit;