Redesign UI to be modern responsive and implement dynamic sub-menu illustration mapping
This commit is contained in:
sanjeok77
+185
-27
@@ -1,33 +1,191 @@
|
||||
body { font-size: 12px; font-family: "ＭＳ Ｐゴシック", "Osaka"}
|
||||
.moji1 { font-size: 14px; font-style: normal; font-weight: 400; color: #bbbbcc}
|
||||
.moji2 { font-size: 12px; font-style: normal; font-weight: 400; color: #bbbbcc}
|
||||
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&family=Inter:wght@300;400;500;600&display=swap');
|
||||
|
||||
:root {
|
||||
--bg-color: #0b0b1a;
|
||||
--card-bg: rgba(22, 22, 43, 0.65);
|
||||
--border-color: rgba(99, 99, 153, 0.35);
|
||||
--text-primary: #f0f0f7;
|
||||
--text-secondary: #aaaab9;
|
||||
--accent-color: #7b66ff;
|
||||
--accent-glow: rgba(123, 102, 255, 0.4);
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: var(--bg-color);
|
||||
background-image:
|
||||
radial-gradient(at 0% 0%, rgba(20, 20, 60, 0.5) 0px, transparent 50%),
|
||||
radial-gradient(at 100% 100%, rgba(30, 20, 50, 0.4) 0px, transparent 50%);
|
||||
color: var(--text-primary);
|
||||
font-family: 'Inter', 'Outfit', system-ui, sans-serif;
|
||||
font-size: 14px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
/* Container & Grid layout */
|
||||
.game-container {
|
||||
width: 100%;
|
||||
max-width: 960px;
|
||||
margin: 20px auto;
|
||||
padding: 0 15px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.game-layout {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 240px;
|
||||
gap: 20px;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.game-layout {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
/* Card components */
|
||||
.card {
|
||||
background: var(--card-bg);
|
||||
border: 1px solid var(--border-color);
|
||||
border-radius: 12px;
|
||||
padding: 20px;
|
||||
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
|
||||
backdrop-filter: blur(8px);
|
||||
-webkit-backdrop-filter: blur(8px);
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.card-title {
|
||||
font-family: 'Outfit', sans-serif;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
color: #ffffff;
|
||||
margin-bottom: 15px;
|
||||
border-bottom: 1px solid var(--border-color);
|
||||
padding-bottom: 10px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
/* Legacy fonts overrides */
|
||||
tt, pre {
|
||||
font-family: 'Inter', system-ui, sans-serif;
|
||||
font-size: 14px;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.moji1 { font-size: 14px; color: var(--text-primary); }
|
||||
.moji2 { font-size: 12px; color: var(--text-secondary); }
|
||||
|
||||
/* Buttons & Inputs */
|
||||
.button1, .button2, .button3, input[type="submit"], input[type="button"], input[type="reset"] {
|
||||
font-family: 'Outfit', sans-serif;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: #ffffff;
|
||||
background-color: var(--accent-color);
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
border-radius: 8px;
|
||||
padding: 8px 16px;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
box-shadow: 0 4px 12px var(--accent-glow);
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.button1 {
|
||||
font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: 14px; font-weight: 400; color: #bbbbcc;
|
||||
border: 4px #666699 ridge; cursor: hand; background-color: #111122;
|
||||
width:160px; height:28px;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.button2{
|
||||
font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: 14px; font-weight: 400; color: #bbbbcc;
|
||||
border: 2px #9999CC ridge; cursor: hand; background-color: #222244;
|
||||
height:24px;
|
||||
}
|
||||
.button3{
|
||||
font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: 12px; font-weight: 400; color: #9999bb;
|
||||
border: 1px #9999CC solid; cursor: hand; background-color: #222244;
|
||||
height:20px;
|
||||
|
||||
.button1:hover, .button2:hover, .button3:hover, input[type="submit"]:hover, input[type="button"]:hover {
|
||||
background-color: #644eff;
|
||||
box-shadow: 0 6px 16px rgba(123, 102, 255, 0.6);
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
|
||||
select {
|
||||
font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: 14px; font-weight: 400; color: #ccccee;
|
||||
cursor: hand; background-color: #333366;
|
||||
width:160px; height:28px;
|
||||
font-family: 'Inter', sans-serif;
|
||||
font-size: 14px;
|
||||
color: #ffffff;
|
||||
background-color: #1a1a3a;
|
||||
border: 1px solid var(--border-color);
|
||||
border-radius: 8px;
|
||||
padding: 8px 12px;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
cursor: pointer;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
td { font-size:11pt;color:#222222}
|
||||
.bar {
|
||||
scrollbar-face-color: #333333;
|
||||
scrollbar-highlight-color: #333333;
|
||||
scrollbar-shadow-color: #000000;
|
||||
scrollbar-arrow-color: #ffffff;
|
||||
scrollbar-base-color: #000000;
|
||||
scrollbar-3d-light-color: #ffffff;
|
||||
scrollbar-dark-shadow-color: #000000
|
||||
|
||||
input[type="text"], input[type="password"] {
|
||||
background-color: rgba(10, 10, 25, 0.6);
|
||||
border: 1px solid var(--border-color);
|
||||
border-radius: 6px;
|
||||
padding: 6px 10px;
|
||||
color: #ffffff;
|
||||
font-family: 'Inter', sans-serif;
|
||||
}
|
||||
|
||||
/* Stat progress bars */
|
||||
img[src*="spc.gif"] {
|
||||
display: inline-block !important;
|
||||
height: 10px !important;
|
||||
border-radius: 5px;
|
||||
vertical-align: middle;
|
||||
margin: 0 8px;
|
||||
box-shadow: 0 0 6px rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
/* Header illustration */
|
||||
.menu-illustration {
|
||||
width: 100%;
|
||||
max-height: 200px;
|
||||
object-fit: cover;
|
||||
border-radius: 10px;
|
||||
margin-bottom: 20px;
|
||||
border: 1px solid var(--border-color);
|
||||
box-shadow: 0 4px 15px rgba(0,0,0,0.3);
|
||||
}
|
||||
|
||||
.title-section {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
margin-bottom: 15px;
|
||||
border-bottom: 1px solid var(--border-color);
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.title-images {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 15px;
|
||||
}
|
||||
|
||||
.title-images img {
|
||||
max-height: 50px;
|
||||
}
|
||||
|
||||
hr {
|
||||
border: 0;
|
||||
height: 1px;
|
||||
background-image: linear-gradient(to right, rgba(99, 99, 153, 0), rgba(99, 99, 153, 0.75), rgba(99, 99, 153, 0));
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
/* Quick fixes for alignment */
|
||||
center {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 950 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 920 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 915 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 942 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 727 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 886 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 880 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 812 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 988 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 929 KiB |
+87
-110
@@ -13,133 +13,110 @@
|
||||
#-------------------------------------------------------------------------------
|
||||
# 통상 표시용
|
||||
sub layout_flag_0{
|
||||
my @metu=('','(멸망)');
|
||||
my $reset_time_out = int(($set-$time)/(3600*24));
|
||||
|
||||
print <<EOM;
|
||||
<table width="740" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" width="540">
|
||||
<div class="game-layout">
|
||||
<!-- 하단 메인 정보 영역 -->
|
||||
<div style="display: flex; flex-direction: column; gap: 20px;">
|
||||
EOM
|
||||
|
||||
if($log){
|
||||
print <<"EOM";
|
||||
<table width="100%" border="0" cellspacing="4" cellpadding="10" height="100" bgcolor="#444466">
|
||||
<tr>
|
||||
<td bgcolor="#000000" align="left" valign="top">
|
||||
<tt class="moji1">
|
||||
$log
|
||||
</tt>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<br>
|
||||
print <<EOM;
|
||||
<div class="card">
|
||||
<div class="card-title">행동 로그</div>
|
||||
<div class="moji1">$log</div>
|
||||
</div>
|
||||
EOM
|
||||
}
|
||||
|
||||
my @metu=('','(멸망)');
|
||||
my $reset_time_out = int(($set-$time)/(3600*24));
|
||||
print <<"EOM";
|
||||
<table width="100%" border="0" cellspacing="4" cellpadding="4" bgcolor="#444466">
|
||||
<tr>
|
||||
<td bgcolor="#000000" align="center">
|
||||
<tt class="moji1">
|
||||
$bmes
|
||||
</tt>
|
||||
</td>
|
||||
print <<EOM;
|
||||
<div class="card">
|
||||
<div class="card-title">공지사항</div>
|
||||
<div class="moji1">$bmes</div>
|
||||
</div>
|
||||
|
||||
<div class="card" style="overflow-x: auto;">
|
||||
<div class="card-title">국가 정세</div>
|
||||
<table class="bar" style="width: 100%; border-collapse: collapse; text-align: center; color: var(--text-primary);">
|
||||
<thead>
|
||||
<tr style="background-color: rgba(255,255,255,0.05);">
|
||||
<th style="padding: 10px; border-bottom: 1px solid var(--border-color);"> </th>
|
||||
<th style="padding: 10px; border-bottom: 1px solid var(--border-color); background-color: $color[1]; color: #fff;">$cmp[1]$metu[$ce1]</th>
|
||||
<th style="padding: 10px; border-bottom: 1px solid var(--border-color); background-color: $color[2]; color: #fff;">$cmp[2]$metu[$ce2]</th>
|
||||
<th style="padding: 10px; border-bottom: 1px solid var(--border-color); background-color: $color[3]; color: #fff;">$cmp[3]$metu[$ce3]</th>
|
||||
<th style="padding: 10px; border-bottom: 1px solid var(--border-color); background-color: $color[4]; color: #fff;">$cmp[4]$metu[$ce4]</th>
|
||||
<th style="padding: 10px; border-bottom: 1px solid var(--border-color); background-color: $color[5]; color: #fff;">$cmp[5]$metu[$ce5]</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td style="padding: 8px; border-bottom: 1px solid var(--border-color); font-weight: bold; background-color: rgba(255,255,255,0.02);">총 국력</td>
|
||||
<td style="padding: 8px; border-bottom: 1px solid var(--border-color);">$cn1</td>
|
||||
<td style="padding: 8px; border-bottom: 1px solid var(--border-color);">$cn2</td>
|
||||
<td style="padding: 8px; border-bottom: 1px solid var(--border-color);">$cn3</td>
|
||||
<td style="padding: 8px; border-bottom: 1px solid var(--border-color);">$cn4</td>
|
||||
<td style="padding: 8px; border-bottom: 1px solid var(--border-color);">$cn5</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="padding: 8px; border-bottom: 1px solid var(--border-color); font-weight: bold; background-color: rgba(255,255,255,0.02);">국가 예산</td>
|
||||
<td style="padding: 8px; border-bottom: 1px solid var(--border-color);">$cg1</td>
|
||||
<td style="padding: 8px; border-bottom: 1px solid var(--border-color);">$cg2</td>
|
||||
<td style="padding: 8px; border-bottom: 1px solid var(--border-color);">$cg3</td>
|
||||
<td style="padding: 8px; border-bottom: 1px solid var(--border-color);">$cg4</td>
|
||||
<td style="padding: 8px; border-bottom: 1px solid var(--border-color);">$cg5</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="padding: 8px; border-bottom: 1px solid var(--border-color); font-weight: bold; background-color: rgba(255,255,255,0.02);">총 군량</td>
|
||||
<td style="padding: 8px; border-bottom: 1px solid var(--border-color);">$cf1</td>
|
||||
<td style="padding: 8px; border-bottom: 1px solid var(--border-color);">$cf2</td>
|
||||
<td style="padding: 8px; border-bottom: 1px solid var(--border-color);">$cf3</td>
|
||||
<td style="padding: 8px; border-bottom: 1px solid var(--border-color);">$cf4</td>
|
||||
<td style="padding: 8px; border-bottom: 1px solid var(--border-color);">$cf5</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="padding: 8px; border-bottom: 1px solid var(--border-color); font-weight: bold; background-color: rgba(255,255,255,0.02);">총 병사 수</td>
|
||||
<td style="padding: 8px; border-bottom: 1px solid var(--border-color);">$cs1</td>
|
||||
<td style="padding: 8px; border-bottom: 1px solid var(--border-color);">$cs2</td>
|
||||
<td style="padding: 8px; border-bottom: 1px solid var(--border-color);">$cs3</td>
|
||||
<td style="padding: 8px; border-bottom: 1px solid var(--border-color);">$cs4</td>
|
||||
<td style="padding: 8px; border-bottom: 1px solid var(--border-color);">$cs5</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td style="padding: 8px; font-weight: bold; background-color: rgba(255,255,255,0.02);">소속 인원</td>
|
||||
<td style="padding: 8px;">$c1/$c1a</td>
|
||||
<td style="padding: 8px;">$c2/$c2a</td>
|
||||
<td style="padding: 8px;">$c3/$c3a</td>
|
||||
<td style="padding: 8px;">$c4/$c4a</td>
|
||||
<td style="padding: 8px;">$c5/$c5a</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<table width="100%" border="0" cellspacing="4" cellpadding="0" bgcolor="#444466">
|
||||
<tr>
|
||||
<td bgcolor="#000000" align="left" valign="top">
|
||||
<!-- $rst로 만들었던 표시 -->
|
||||
<table border=0 cellpadding=2 cellspacing=2 width=100% align=center>
|
||||
<tr>
|
||||
<td bgcolor=#CCCCFF width=72> </td>
|
||||
<td bgcolor=$color[1] align=center width=92>$cmp[1]$metu[$ce1]</td>
|
||||
<td bgcolor=$color[2] align=center width=92>$cmp[2]$metu[$ce2]</td>
|
||||
<td bgcolor=$color[3] align=center width=92>$cmp[3]$metu[$ce3]</td>
|
||||
<td bgcolor=$color[4] align=center width=92>$cmp[4]$metu[$ce4]</td>
|
||||
<td bgcolor=$color[5] align=center width=92>$cmp[5]$metu[$ce5]</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td bgcolor=#CCCCFF>총 국력</td>
|
||||
<td bgcolor=$color[1] align=center>$cn1</td>
|
||||
<td bgcolor=$color[2] align=center>$cn2</td>
|
||||
<td bgcolor=$color[3] align=center>$cn3</td>
|
||||
<td bgcolor=$color[4] align=center>$cn4</td>
|
||||
<td bgcolor=$color[5] align=center>$cn5</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td bgcolor=#CCCCFF>국가 예산</td>
|
||||
<td bgcolor=$color[1] align=center>$cg1</td>
|
||||
<td bgcolor=$color[2] align=center>$cg2</td>
|
||||
<td bgcolor=$color[3] align=center>$cg3</td>
|
||||
<td bgcolor=$color[4] align=center>$cg4</td>
|
||||
<td bgcolor=$color[5] align=center>$cg5</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td bgcolor=#CCCCFF>총 군량</td>
|
||||
<td bgcolor=$color[1] align=center>$cf1</td>
|
||||
<td bgcolor=$color[2] align=center>$cf2</td>
|
||||
<td bgcolor=$color[3] align=center>$cf3</td>
|
||||
<td bgcolor=$color[4] align=center>$cf4</td>
|
||||
<td bgcolor=$color[5] align=center>$cf5</td>
|
||||
</tr>
|
||||
<tr><td bgcolor=#CCCCFF>총 병사 수</td>
|
||||
<td bgcolor=$color[1] align=center>$cs1</td>
|
||||
<td bgcolor=$color[2] align=center>$cs2</td>
|
||||
<td bgcolor=$color[3] align=center>$cs3</td>
|
||||
<td bgcolor=$color[4] align=center>$cs4</td>
|
||||
<td bgcolor=$color[5] align=center>$cs5</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td bgcolor=#CCCCFF>소속 인원</td>
|
||||
<td bgcolor=$color[1] align=center>$c1/$c1a</td>
|
||||
<td bgcolor=$color[2] align=center>$c2/$c2a</td>
|
||||
<td bgcolor=$color[3] align=center>$c3/$c3a</td>
|
||||
<td bgcolor=$color[4] align=center>$c4/$c4a</td>
|
||||
<td bgcolor=$color[5] align=center>$c5/$c5a</td>
|
||||
</tr>
|
||||
</table>
|
||||
<!-- 여기까지 -->
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</td>
|
||||
<td align="right" valign="top" width="190">
|
||||
|
||||
<table width="190" border="0" cellspacing="4" cellpadding="4" bgcolor="#444466" height="140">
|
||||
<tr>
|
||||
<td bgcolor="#000000" align="left" valign="top" class="moji2">
|
||||
<div align="center">- System Infomation -</div>
|
||||
<hr size="2" noshade color="#9999bb" width="100%">
|
||||
<!-- 하단 사이드 정보 영역 -->
|
||||
<div style="display: flex; flex-direction: column; gap: 20px;">
|
||||
<div class="card">
|
||||
<div class="card-title">시스템 정보</div>
|
||||
<div class="moji2">
|
||||
제 $goal_no 기<br>
|
||||
통일 기한까지 남은 시간: $reset_time_out일
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
|
||||
<table width="190" border="0" cellspacing="4" cellpadding="4" bgcolor="#444466">
|
||||
<tr>
|
||||
<td bgcolor="#000000" align="left" valign="top" class="moji2">
|
||||
<div class="card">
|
||||
<div class="card-title">접속자 정보</div>
|
||||
<div class="moji2">
|
||||
참가 총수: $all_mem명 / 정원 $sanka명<br>
|
||||
통일 국력: $data_reset 난이도: $reset_point
|
||||
<hr size="2" noshade color="#9999bb"width=160>
|
||||
<hr style="margin: 10px 0;">
|
||||
이전 패자: $hasya [$cmp[$hcamp]]
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
EOM
|
||||
}
|
||||
|
||||
|
||||
+63
-74
@@ -20,11 +20,24 @@ sub html{
|
||||
# 마우스 자동 조작 치트 격퇴 전투 시에 4/400 확률로 발동
|
||||
my $no_mouse = ($no_mouse && $type eq '수행중') ? int(rand(400)) : 100 ;
|
||||
|
||||
# 활성화된 이미지 결정 (동적 이미지 매핑)
|
||||
my $menu_img = "lobby.png";
|
||||
if ($type eq '수행' || $type eq '수행중' || $cmd == 1) { $menu_img = "training.png"; }
|
||||
elsif ($type eq '내정' || $cmd == 2) { $menu_img = "politics.png"; }
|
||||
elsif ($type eq '전쟁' || $type eq '전쟁중' || $cmd == 3) { $menu_img = "war.png"; }
|
||||
elsif ($type eq '능력' || $cmd == 4) { $menu_img = "ability.png"; }
|
||||
elsif ($type eq '사관' || $cmd == 5) { $menu_img = "changes.png"; }
|
||||
elsif ($type eq '정보' || $cmd == 6) { $menu_img = "infomation.png"; }
|
||||
elsif ($type eq '토벌' || $type eq '토벌 중' || $cmd == 7) { $menu_img = "subdue.png"; }
|
||||
elsif ($type eq '군사' || $cmd == 8) { $menu_img = "mission.png"; }
|
||||
elsif ($type eq '쇼핑' || $cmd == 20) { $menu_img = "shop.png"; }
|
||||
|
||||
print <<EOM;
|
||||
<html>
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>$titleh</title>
|
||||
<link rel=stylesheet type="text/css" href="$css" title="style">
|
||||
<link rel="stylesheet" type="text/css" href="$css">
|
||||
EOM
|
||||
|
||||
# Javascript 자동 조작 치트 방어(frame 방어)
|
||||
@@ -42,137 +55,113 @@ EOM
|
||||
|
||||
print <<EOM;
|
||||
</head>
|
||||
<body $body class="bar">
|
||||
<center>
|
||||
<table width="740" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left">
|
||||
$title
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<body>
|
||||
<div class="game-container">
|
||||
<div class="card">
|
||||
<div class="title-section">
|
||||
<div class="title-images">
|
||||
<img src="./imgs/title_text.png">
|
||||
<img src="./imgs/title_game.png">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<table width="740" border="0" cellspacing="0" cellpadding="0" height="300">
|
||||
<tr>
|
||||
<td align="center" valign="middle" width="500">
|
||||
<!-- 하위 메뉴 맞춤형 동적 이미지 영역 -->
|
||||
<img class="menu-illustration" src="./imgs/$menu_img" alt="Menu Illustration">
|
||||
</div>
|
||||
|
||||
<table width="540" border="0" cellspacing="6" cellpadding="6" height="285" bgcolor="#444466">
|
||||
<tr>
|
||||
<td bgcolor="#000000" align="left" valign="top">
|
||||
<div class="game-layout">
|
||||
<!-- 메인 콘텐츠 영역 (로그 및 행동 폼) -->
|
||||
<main class="card">
|
||||
$log1
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</main>
|
||||
|
||||
</td>
|
||||
<td align="right" valign="middle" width="200">
|
||||
|
||||
<table border="0" cellspacing="0" cellpadding="5" height="285">
|
||||
<tr>
|
||||
<form method="get" action="$index">
|
||||
<td bgcolor="#000000" valign="middle">
|
||||
<input type="submit" value="† 타이틀로 돌아가기 †" class="button1">
|
||||
</td>
|
||||
</form>
|
||||
</tr>
|
||||
<!-- 사이드바 네비게이션 메뉴 -->
|
||||
<aside class="card">
|
||||
<div class="card-title">네비게이션</div>
|
||||
EOM
|
||||
if($no_mouse==0){
|
||||
print qq|<tr>$log2</tr>|;
|
||||
}
|
||||
|
||||
# 사이드바 버튼 출력
|
||||
print <<EOM;
|
||||
<form method="get" action="$index">
|
||||
<input type="submit" value="† 타이틀로 돌아가기 †" class="button1">
|
||||
</form>
|
||||
EOM
|
||||
|
||||
if($no_mouse==0){
|
||||
# $log2 는 수행 등 커맨드 폼의 셀렉트 및 NEXT 버튼
|
||||
print $log2;
|
||||
}
|
||||
|
||||
print <<EOM;
|
||||
<tr>
|
||||
<form method="$method" action="$park">
|
||||
<td valilgn="middle">
|
||||
<input type="hidden" name="id" value="$id">
|
||||
<input type="hidden" name="pw" value="$pw">
|
||||
<input type="hidden" name="camp" value="$camp">
|
||||
<input type="hidden" name="sogo" value="$sogo">
|
||||
<input type="submit" value="† 국제 교류 광장 †" class="button1">
|
||||
</td>
|
||||
</form>
|
||||
</tr>
|
||||
EOM
|
||||
|
||||
if($no_mouse==1){
|
||||
print qq|<tr>$log2</tr>|;
|
||||
print $log2;
|
||||
}
|
||||
|
||||
print <<EOM;
|
||||
<tr>
|
||||
<form method="$method" action="$hist">
|
||||
<td valilgn="middle">
|
||||
<input type="hidden" name="id" value="$id">
|
||||
<input type="hidden" name="pw" value="$pw">
|
||||
<input type="submit" value="† 과거의 영광 †" class="button1">
|
||||
</td>
|
||||
</form>
|
||||
</tr>
|
||||
EOM
|
||||
|
||||
if(!$type && $cmd<=0){
|
||||
print <<"EOM";
|
||||
<tr>
|
||||
print <<EOM;
|
||||
<form method="$method" action="$script">
|
||||
<td valilgn="middle">
|
||||
<input type="hidden" name="id" value="$id">
|
||||
<input type="hidden" name="pw" value="$pw">
|
||||
<input type="hidden" name="cmd" value="20">
|
||||
<input type="submit" value="† 쇼핑몰 †" class="button1">
|
||||
</td>
|
||||
</form>
|
||||
</tr>
|
||||
EOM
|
||||
}
|
||||
print <<"EOM";
|
||||
<tr>
|
||||
|
||||
print <<EOM;
|
||||
<form method="$method" action="$public">
|
||||
<td valilgn="middle">
|
||||
<input type="hidden" name="id" value="$id">
|
||||
<input type="hidden" name="pw" value="$pw">
|
||||
<input type="submit" value="† 공식 조약 †" class="button1">
|
||||
</td>
|
||||
</form>
|
||||
</tr>
|
||||
EOM
|
||||
|
||||
if($no_mouse==2){
|
||||
print qq|<tr>$log2</tr>|;
|
||||
print $log2;
|
||||
}
|
||||
|
||||
print <<EOM;
|
||||
<tr>
|
||||
<form method="$method" action="$campbbs">
|
||||
<td>
|
||||
<input type="hidden" name="id" value="$id">
|
||||
<input type="hidden" name="pw" value="$pw">
|
||||
<input type="submit" value="† 국가별 작전 회의실 †" class="button1">
|
||||
</td>
|
||||
</form>
|
||||
</tr>
|
||||
EOM
|
||||
if($no_mouse>=3){
|
||||
print qq|<tr>$log2</tr>|;
|
||||
}
|
||||
print<<EOM;
|
||||
</table>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<br>
|
||||
if($no_mouse>=3){
|
||||
print $log2;
|
||||
}
|
||||
|
||||
print <<EOM;
|
||||
</aside>
|
||||
</div>
|
||||
EOM
|
||||
|
||||
my($uti, $sti, $cuti, $csti) = times();
|
||||
$uti += $cuti;
|
||||
$sti += $csti;
|
||||
my($cpu) = $uti + $sti;
|
||||
my $disp="CPUs($cpu): User($uti) System($sti)<br>";
|
||||
my $disp="<div class='moji2'>CPUs($cpu): User($uti) System($sti)</div>";
|
||||
|
||||
if($layout_flag==1){
|
||||
print <<EOM;
|
||||
<table width="740" border="0" cellspacing="4" cellpadding="4" bgcolor="#444466">
|
||||
<tr>
|
||||
<td bgcolor="#000000" align="center" valign="top" height="120">
|
||||
<tt class="moji1">
|
||||
$log
|
||||
</tt>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<br><br>
|
||||
|
||||
+1
-1
@@ -1 +1 @@
|
||||
cn1;5200,cg1;1020,cf1;7500,cs1;3700,ce1;0,c1;0,c1a;2,cn2;5900,cg2;1120,cf2;4700,cs2;3600,ce2;0,c2;0,c2a;3,cn3;4200,cg3;300,cf3;3900,cs3;2850,ce3;0,c3;0,c3a;3,cn4;3700,cg4;820,cf4;8400,cs4;4950,ce4;0,c4;0,c4a;3,cn5;4000,cg5;900,cf5;2500,cs5;2850,ce5;0,c5;0,c5a;3,set;1783861306,all_mem;0,goal_no;2,hasya;,hcamp;,ad;127.0.0.1,ht;localhost,date;6/23 8:59:44,wr_mes;긴 세월이 흘렀으나,
|
||||
cn1;5200,cg1;1020,cf1;7500,cs1;3700,ce1;0,c1;0,c1a;2,cn2;5900,cg2;1120,cf2;4700,cs2;3600,ce2;0,c2;0,c2a;3,cn3;4200,cg3;300,cf3;3900,cs3;2850,ce3;0,c3;0,c3a;3,cn4;3700,cg4;820,cf4;8400,cs4;4950,ce4;0,c4;0,c4a;3,cn5;4000,cg5;900,cf5;2500,cs5;2850,ce5;0,c5;0,c5a;3,set;1783861306,all_mem;1,goal_no;2,hasya;,hcamp;,ad;127.0.0.1,ht;localhost,date;6/23 9:16:23,wr_mes;긴 세월이 흘렀으나,
|
||||
|
||||
@@ -0,0 +1 @@
|
||||
1782172953<>테스트<>127.0.0.1<>
|
||||
|
||||
+3
-7
@@ -123,14 +123,10 @@ $kisei = 0; # 신규 등록 규제(0:없음 1:있음)
|
||||
# なし:PC･ﾓﾊﾞｲﾙ両対応
|
||||
# pc :PC限定モード(ﾓﾊﾞｲﾙ非対応)
|
||||
# mv :ﾓﾊﾞｲﾙ固定モード(PC上でモバイル画面をエミュレート表示)
|
||||
$mv_mode = '';
|
||||
$mv_mode = 'pc';
|
||||
|
||||
# 機種別設定
|
||||
if( $ENV{'HTTP_USER_AGENT'} =~/DoCoMo/ ||
|
||||
$ENV{'HTTP_USER_AGENT'} =~/UP\.Browser/ ||
|
||||
$ENV{'HTTP_USER_AGENT'} =~/J-PHONE/ ||
|
||||
$ENV{'HTTP_USER_AGENT'} =~/ASTEL/ ||
|
||||
$ENV{'HTTP_X_JPHONE_MSNAME'} || $mv_mode eq 'mv'){
|
||||
# 기기 분류 강제 지정 (모든 환경에서 반응형 PC 레이아웃 사용)
|
||||
if( 0 ){
|
||||
# -- 모바일용 설정 --
|
||||
$mv_mode = 'mv'; # 모바일 식별자 변경 불가
|
||||
require './inc/ore_sub-base_mv.cgi';# 모바일용 베이스 루틴
|
||||
|
||||
Reference in New Issue
Block a user