틀:ObbyGameInfobox: 두 판 사이의 차이

← 이전 편집 다음 편집 →

시각위키텍스트

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

로블록스 게임 정보상자 템플릿입니다.

@@ 1번째 줄: / 1번째 줄: @@
-<noinclude>로블록스 게임 상세 페이지 스타일의 템플릿입니다.</noinclude><includeonly>
+<noinclude>로블록스 게임 정보상자 템플릿입니다.</noinclude><includeonly>
-<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="width: 320px; float: right; clear: right; margin: 0 0 1em 1em; background: #ffffff; color: #393b3d; border: 1px solid #de3e3; border-radius: 12px; padding: 16px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; box-sizing: border-box; box-shadow: 0 2px 8px rgba(0,0,0,0.08);">
-   <!-- 상단 비디오/이미지 및 게임 정보 섹션 -->
+   <!-- 상단 미디어 (이미지) -->
-   <div style="display: flex; flex-wrap: wrap; gap: 24px; margin-bottom: 24px;">
+  <div style="width: 100%; border-radius: 8px; overflow: hidden; background: #000; margin-bottom: 12px;">
-     <!-- 좌측 미디어 영역 -->
+    [[파일:{{{image|image_4d1ebc.jpg}}}|300px|center]]
-     <div style="flex: 2 1 500px; min-width: 300px;">
+  </div>
-       <div style="width: 100%; border-radius: 8px; overflow: hidden; background: #000;">
-        [[파일:{{{image|image_4d1ebc.jpg}}}|800px|class=mw-default-size]]
+  <!-- 타이틀 & 제작자 -->
-       </div>
+  <div style="margin-bottom: 12px;">
+    <h1 style="font-size: 20px; font-weight: 800; margin: 0 0 4px 0; line-height: 1.2; color: #000; border: none; padding: 0;">{{{title|{{PAGENAME}}}}}</h1>
+    <div style="font-size: 14px; color: #393b3d;">By <b>{{{creator|미상}}}</b> <span style="color:#0066ff; font-size:12px;">✔</span></div>
+    <div style="font-size: 13px; color: #757575; margin-top: 2px;">Maturity: {{{maturity|Minimal}}}</div>
+   </div>
+  <!-- 플레이 버튼 -->
+  <a target="_blank" href="https://www.roblox.com/games/{{{place_id|}}}" style="display: block; background: #3565f3; color: #fff; text-align: center; padding: 10px; border-radius: 8px; text-decoration: none; font-size: 20px; font-weight: bold; margin-bottom: 16px;">▶ Play</a>
+  <!-- 좋아요 / 싫어요 레이아웃 (제공 이미지 스타일) -->
+  <div style="margin-bottom: 16px; padding: 0 4px;">
+     <!-- 상단 아이콘 -->
+     <div style="display: flex; justify-content: space-between; align-items: center; padding: 0 8px; margin-bottom: 4px;">
+      <span style="font-size: 20px;">👍</span>
+       <span style="font-size: 20px;">👎</span>
+    </div>
+    <!-- 중간 비율 구분선 (점선 형태) -->
+    <div style="display: flex; gap: 3px; height: 4px; width: 100%; margin-bottom: 6px;">
+      <div style="flex: 3; background: #212121; border-radius: 2px;"></div>
+      <div style="flex: 3; background: #212121; border-radius: 2px;"></div>
+      <div style="flex: 3; background: #212121; border-radius: 2px;"></div>
+      <div style="flex: 3; background: #212121; border-radius: 2px;"></div>
+       <div style="flex: 1; background: #e0e0e0; border-radius: 2px;"></div>
      </div>
+     <!-- 하단 수치 -->
-     <!-- 우측 게임 타이틀 및 액션 버튼 -->
+     <div style="display: flex; justify-content: space-between; font-size: 13px; font-weight: 600;">
-     <div style="flex: 1 1 300px; display: flex; flex-direction: column;">
+      <span style="color: #0066ff;">{{{likes|100K+}}}</span>
-      <h1 style="font-size: 28px; font-weight: 800; margin: 0 0 8px 0; line-height: 1.2; color: #000;">{{{title|{{PAGENAME}}}}}</h1>
+      <span style="color: #0066ff;">{{{dislikes|25K+}}}</span>
-      <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>
-   <!-- 탭 메뉴 (시각적 장식) -->
+   <!-- 구분선 -->
-   <div style="display: flex; border-bottom: 1px solid #e3e3e3; margin-bottom: 24px; font-weight: 600; text-align: center; font-size: 15px;">
+   <hr style="border: 0; height: 1px; background: #e3e3e3; margin: 16px 0;">
-    <div style="flex: 1; padding: 12px; border-bottom: 3px solid #111; color: #111;">About</div>
-    <div style="flex: 1; padding: 12px; color: #757575;">Store</div>
-    <div style="flex: 1; padding: 12px; color: #757575;">Servers</div>
-  </div>
-   <!-- 설명 섹션 -->
+   <!-- 게임 설명 -->
-   <div style="margin-bottom: 32px;">
+   <div style="margin-bottom: 16px;">
-     <h2 style="font-size: 20px; font-weight: 700; margin: 0 0 12px 0; border: none;">Description</h2>
+     <div style="font-size: 14px; font-weight: 700; margin-bottom: 6px;">Description</div>
-     <div style="font-size: 15px; line-height: 1.6; white-space: pre-wrap; color: #393b3d;">{{{description|게임에 대한 설명이 여기에 들어갑니다.}}}</div>
+     <div style="font-size: 13px; line-height: 1.5; color: #393b3d; max-height: 150px; overflow-y: auto;">{{{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>
-   <!-- 게임 통계 그리드 (테이블 활용) -->
+   <!-- 게임 통계 (2열 그리드 표) -->
-   <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;">
+   <table style="width: 100%; font-size: 12px; color: #393b3d; border-collapse: collapse; border-top: 1px solid #e3e3e3;">
-     <tr style="color: #757575; font-size: 12px;">
+    <tr>
-       <th style="padding: 10px 4px 4px 4px; font-weight: normal;">Active</th>
+      <td style="padding: 6px 0 2px 0; color: #757575;">Active</td>
-       <th style="padding: 10px 4px 4px 4px; font-weight: normal;">Favorites</th>
+      <td style="padding: 6px 0 2px 0; font-weight: 700; text-align: right;">{{{active|0}}}</td>
-       <th style="padding: 10px 4px 4px 4px; font-weight: normal;">Visits</th>
+     </tr>
-       <th style="padding: 10px 4px 4px 4px; font-weight: normal;">Voice Chat</th>
+    <tr>
-       <th style="padding: 10px 4px 4px 4px; font-weight: normal;">Camera</th>
+      <td style="padding: 2px 0; color: #757575;">Favorites</td>
+       <td style="padding: 2px 0; font-weight: 700; text-align: right;">{{{favorites|0}}}</td>
+    </tr>
+    <tr>
+       <td style="padding: 2px 0; color: #757575;">Visits</td>
+       <td style="padding: 2px 0; font-weight: 700; text-align: right;">{{{visits|0}}}</td>
+    </tr>
+    <tr>
+       <td style="padding: 2px 0; color: #757575;">Created</td>
+       <td style="padding: 2px 0; font-weight: 700; text-align: right;">{{{created|N/A}}}</td>
      </tr>
      <tr>
-       <td style="padding-bottom: 16px; font-weight: 700;">{{{active|0}}}</td>
+       <td style="padding: 2px 0; color: #757575;">Updated</td>
-       <td style="padding-bottom: 16px; font-weight: 700;">{{{favorites|0}}}</td>
+       <td style="padding: 2px 0; font-weight: 700; text-align: right;">{{{updated|N/A}}}</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 style="color: #757575; font-size: 12px;">
+     <tr>
-       <th style="padding: 4px; font-weight: normal;">Created</th>
+       <td style="padding: 2px 0; color: #757575;">Genre</td>
-       <th style="padding: 4px; font-weight: normal;">Updated</th>
+       <td style="padding: 2px 0; font-weight: 700; text-align: right;">{{{genre|Obby}}}</td>
-      <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>
      <tr>
-       <td style="padding-bottom: 10px; font-weight: 700;">{{{created|N/A}}}</td>
+       <td style="padding: 2px 0 6px 0; color: #757575;">Subgenre</td>
-      <td style="padding-bottom: 10px; font-weight: 700;">{{{updated|N/A}}}</td>
+       <td style="padding: 2px 0 6px 0; font-weight: 700; text-align: right;">{{{subgenre|Tower Obby}}}</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>