틀:ObbyGameInfobox: 두 판 사이의 차이

← 이전 편집 다음 편집 →

시각위키텍스트

2026년 8월 26일 (수) 13:13 판

로블록스 게임 상세 페이지 스타일의 템플릿입니다.

@@ 1번째 줄: / 1번째 줄: @@
-<noinclude>오비 게임 정보상자 템플릿입니다.</noinclude><includeonly>
+<noinclude>로블록스 게임 상세 페이지 스타일의 템플릿입니다.</noinclude><includeonly>
-<div style="width: 300px; float: right; margin: 0 0 1em 1em; background: #1e1e2e; color: #ffffff; border: 1px solid #45475a; border-radius: 8px; padding: 12px; font-family: sans-serif; box-sizing: border-box;">
+<div style="max-width: 900px; margin: 0 auto; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; color: #393b3d; background: #ffffff; padding: 20px; box-sizing: border-box;">
-   <!-- 헤더 (제목 및 작성자) -->
+   <!-- 상단 비디오/이미지 및 게임 정보 섹션 -->
-   <div style="text-align: center; border-bottom: 1px solid #45475a; padding-bottom: 8px; margin-bottom: 10px;">
+   <div style="display: flex; flex-wrap: wrap; gap: 24px; margin-bottom: 24px;">
-     <div style="font-size: 1.3em; font-weight: bold; color: #89b4fa;">
+    <!-- 좌측 미디어 영역 -->
-      [{{{link|https://roblox.com/games/{{{root_place_id|}}}}}} {{{name|{{PAGENAME}}}}} ]
+     <div style="flex: 2 1 500px; min-width: 300px;">
+      <div style="width: 100%; border-radius: 8px; overflow: hidden; background: #000;">
+        [[파일:{{{image|image_4d1ebc.jpg}}}|800px|class=mw-default-size]]
+      </div>
      </div>
-     <div style="font-size: 0.85em; color: #bac2de; margin-top: 4px;">
-       by <b>{{{developers|{{{developer|미상}}}}}}</b> — {{{year|2025}}}
+    <!-- 우측 게임 타이틀 및 액션 버튼 -->
+     <div style="flex: 1 1 300px; display: flex; flex-direction: column;">
+      <h1 style="font-size: 28px; font-weight: 800; margin: 0 0 8px 0; line-height: 1.2; color: #000;">{{{title|{{PAGENAME}}}}}</h1>
+      <div style="font-size: 16px; margin-bottom: 4px;">By <b>{{{creator|미상}}}</b> <span style="color:#0066ff; font-size:14px;">✔</span></div>
+       <div style="font-size: 14px; color: #757575; margin-bottom: 16px;">Maturity: {{{maturity|Minimal}}}</div>
+      <!-- 플레이 버튼 -->
+      <a target="_blank" href="https://www.roblox.com/games/{{{place_id|}}}" style="display: block; background: #3565f3; color: #fff; text-align: center; padding: 14px; border-radius: 8px; text-decoration: none; font-size: 24px; margin-bottom: 20px;">▶</a>
+      <!-- 소셜 상호작용 지표 -->
+      <div style="display: flex; justify-content: space-between; text-align: center; font-size: 12px; font-weight: 500; color: #393b3d; padding: 0 10px;">
+        <div style="cursor: pointer;">⭐<br><span style="color:#757575; margin-top:4px; display:block;">Favorite</span></div>
+        <div style="cursor: pointer;">🔔<br><span style="color:#757575; margin-top:4px; display:block;">Notify</span></div>
+        <div style="cursor: pointer;">👍<br><span style="color:#757575; margin-top:4px; display:block;">{{{likes|0}}}</span></div>
+        <div style="cursor: pointer;">👎<br><span style="color:#757575; margin-top:4px; display:block;">{{{dislikes|0}}}</span></div>
+      </div>
      </div>
    </div>
-   <!-- Gameplay 섹션 -->
+   <!-- 탭 메뉴 (시각적 장식) -->
-   <div style="background: #313244; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin: 10px 0 6px 0; font-size: 0.9em; color: #cdd6f4;">Gameplay</div>
+   <div style="display: flex; border-bottom: 1px solid #e3e3e3; margin-bottom: 24px; font-weight: 600; text-align: center; font-size: 15px;">
-   <table style="width: 100%; border-collapse: collapse; font-size: 0.85em; color: #cdd6f4;">
+    <div style="flex: 1; padding: 12px; border-bottom: 3px solid #111; color: #111;">About</div>
-    <tr>
+    <div style="flex: 1; padding: 12px; color: #757575;">Store</div>
-      <td style="width: 50%; padding: 4px 2px;"><span style="color: #a6adc8; display: block; font-size: 0.85em;">Tier</span><b>[[Tiers|Tier {{{tier|미정}}}]]</b></td>
+    <div style="flex: 1; padding: 12px; color: #757575;">Servers</div>
-      <td style="width: 50%; padding: 4px 2px;"><span style="color: #a6adc8; display: block; font-size: 0.85em;">Avatar Type</span><b>{{{avatar_type|R6}}}</b></td>
+   </div>
+  <!-- 설명 섹션 -->
+  <div style="margin-bottom: 32px;">
+    <h2 style="font-size: 20px; font-weight: 700; margin: 0 0 12px 0; border: none;">Description</h2>
+    <div style="font-size: 15px; line-height: 1.6; white-space: pre-wrap; color: #393b3d;">{{{description|게임에 대한 설명이 여기에 들어갑니다.}}}</div>
+    <!-- 연령 등급 세부정보 -->
+    <div style="background: #f2f4f5; padding: 12px 16px; border-radius: 8px; margin-top: 20px; font-size: 14px; display: inline-block; width: 100%; box-sizing: border-box;">
+      <b>Maturity: {{{maturity|Minimal}}}</b> <span style="color:#757575;">{{{maturity_details|}}}</span>
+    </div>
+  </div>
+  <!-- 게임 통계 그리드 (테이블 활용) -->
+  <table style="width: 100%; text-align: center; font-size: 13px; color: #393b3d; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; padding: 20px 0; border-collapse: collapse;">
+    <tr style="color: #757575; font-size: 12px;">
+      <th style="padding: 10px 4px 4px 4px; font-weight: normal;">Active</th>
+      <th style="padding: 10px 4px 4px 4px; font-weight: normal;">Favorites</th>
+      <th style="padding: 10px 4px 4px 4px; font-weight: normal;">Visits</th>
+      <th style="padding: 10px 4px 4px 4px; font-weight: normal;">Voice Chat</th>
+      <th style="padding: 10px 4px 4px 4px; font-weight: normal;">Camera</th>
      </tr>
-  </table>
-  <!-- Publishing & Other 섹션 -->
-  <div style="background: #313244; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin: 10px 0 6px 0; font-size: 0.9em; color: #cdd6f4;">Publishing & Other</div>
-  <table style="width: 100%; border-collapse: collapse; font-size: 0.85em; color: #cdd6f4;">
      <tr>
-       <td style="width: 50%; padding: 4px 2px;"><span style="color: #a6adc8; display: block; font-size: 0.85em;">Released</span>{{{year|2025}}}년 {{{month|05}}}월</td>
+       <td style="padding-bottom: 16px; font-weight: 700;">{{{active|0}}}</td>
-       <td style="width: 50%; padding: 4px 2px;"><span style="color: #a6adc8; display: block; font-size: 0.85em;">Maturity</span>{{{maturity|Minimal}}}</td>
+      <td style="padding-bottom: 16px; font-weight: 700;">{{{favorites|0}}}</td>
+      <td style="padding-bottom: 16px; font-weight: 700;">{{{visits|0}}}</td>
+       <td style="padding-bottom: 16px; font-weight: 700;">{{{voice_chat|Supported}}}</td>
+      <td style="padding-bottom: 16px; font-weight: 700;">{{{camera|Not Supported}}}</td>
      </tr>
-     <tr>
+     <tr style="color: #757575; font-size: 12px;">
-       <td colspan="2" style="padding: 4px 2px;"><span style="color: #a6adc8; display: block; font-size: 0.85em;">Sub-genre</span>[[Tier Obby]] ({{{tier|8}}})</td>
+       <th style="padding: 4px; font-weight: normal;">Created</th>
+      <th style="padding: 4px; font-weight: normal;">Updated</th>
+      <th style="padding: 4px; font-weight: normal;">Server Size</th>
+      <th style="padding: 4px; font-weight: normal;">Genre</th>
+      <th style="padding: 4px; font-weight: normal;">Subgenre</th>
      </tr>
-  </table>
-  <!-- Technical 섹션 -->
-  <div style="background: #313244; font-weight: bold; padding: 4px 8px; border-radius: 4px; margin: 10px 0 6px 0; font-size: 0.9em; color: #cdd6f4;">Technical</div>
-  <table style="width: 100%; border-collapse: collapse; font-size: 0.85em; color: #cdd6f4;">
      <tr>
-       <td style="padding: 4px 2px;"><span style="color: #a6adc8; display: block; font-size: 0.85em;">Start Place ID</span><code style="background: #11111b; color: #f38ba8; padding: 2px 4px; border-radius: 3px;">{{{root_place_id|0}}}</code></td>
+       <td style="padding-bottom: 10px; font-weight: 700;">{{{created|N/A}}}</td>
+      <td style="padding-bottom: 10px; font-weight: 700;">{{{updated|N/A}}}</td>
+      <td style="padding-bottom: 10px; font-weight: 700;">{{{server_size|1}}}</td>
+      <td style="padding-bottom: 10px; font-weight: 700;">{{{genre|All}}}</td>
+      <td style="padding-bottom: 10px; font-weight: 700;">{{{subgenre|All}}}</td>
      </tr>
    </table>
-  <!-- 외부 링크 버튼 -->
-  <div style="margin-top: 12px; text-align: center;">
-    <a target="_blank" href="https://www.roblox.com/games/{{{root_place_id|}}}" style="display: block; background: #89b4fa; color: #11111b; font-weight: bold; text-decoration: none; padding: 6px; border-radius: 4px; font-size: 0.85em;">Roblox에서 보기</a>
-  </div>
 </div>
 </includeonly>