틀:ObbyGameInfobox: 두 판 사이의 차이

← 이전 편집 다음 편집 →

시각위키텍스트

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

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

@@ 1번째 줄: / 1번째 줄: @@
 <noinclude>로블록스 게임 정보상자 템플릿입니다.</noinclude><includeonly>
 <div style="width: 320px; float: right; clear: right; margin: 0 0 1em 1em; background: #ffffff; color: #393b3d; border: 1px solid #e3e3e3; 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="width: 100%; border-radius: 0; overflow: hidden; margin-bottom: 12px;">
+<div style="width: 100%; border-radius: 0; overflow: hidden; margin-bottom: 12px;">
      [[파일:{{{image|GameThumbnail.webp}}}|300px|center]]
    </div>
    <!-- 타이틀 & 제작자 -->
-  <div style="margin-bottom: 12px;">
+<div style="margin-bottom: 12px;">
      <div style="font-size: 20px; font-weight: 800; margin: 0 0 4px 0; line-height: 1.2; color: #000;">{{{title|{{PAGENAME}}}}}</div>
      <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>
    <!-- 플레이 버튼 (외부 회색 테두리 제거) -->
-  <div style="margin-bottom: 16px; text-align: center;"><span class="plainlinks" style="display: block; background: #3565f3; border-radius: 8px; padding: 10px 0; font-size: 20px; line-height: 1;">[https://www.roblox.com/games/{{{place_id|}}} <span style="color: #ffffff !important; text-decoration: none;">▶</span>]</span></div>
+<div style="margin-bottom: 16px; text-align: center;"><span class="plainlinks" style="display: block; background: #3565f3; border-radius: 8px; padding: 10px 0; font-size: 20px; line-height: 1;">[https://www.roblox.com/games/{{{place_id|}}} <span style="color: #ffffff !important; text-decoration: none;">▶</span>]</span></div>
+  <!-- 좋아요 / 싫어요 영역 (로블록스 실제 투표 바 레이아웃: 아이콘이 바 좌우에 위치) -->
+<div style="margin-bottom: 16px; display: flex; align-items: center; gap: 8px;">
+    <span style="font-size: 18px; line-height: 1; flex-shrink: 0;">{{{like_icon|👍}}}</span>
-  <!-- 좋아요 / 싫어요 영역 (회색 배경 제거 및 정렬) -->
+    <div style="flex: 1; min-width: 0;">
-  <div style="margin-bottom: 16px; background: transparent; padding: 0;">
+      <!-- 로블록스 게이지 바 -->
-    <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px; font-size: 20px;">
+      <div style="position: relative; width: 100%; height: 6px; background-color: #e8e8e8; border-radius: 3px; overflow: hidden; margin-bottom: 6px;">
-      <span style="line-height: 1;">{{{like_icon|👍}}}</span>
+        <div style="width: {{{percentage|79%}}}; height: 100%; background-color: #232527; border-radius: 3px;"></div>
-      <span style="line-height: 1;">{{{dislike_icon|👎}}}</span>
+        <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: space-between; pointer-events: none;">
-    </div>
+          <div style="width: 2px; height: 100%; background-color: #ffffff;"></div>
+          <div style="width: 2px; height: 100%; background-color: #ffffff;"></div>
+          <div style="width: 2px; height: 100%; background-color: #ffffff;"></div>
+        </div>
+      </div>
-    <!-- 로블록스 게이지 바 -->
+       <div style="display: flex; justify-content: space-between; font-size: 13px; font-weight: 700;">
-    <div style="position: relative; width: 100%; height: 6px; background-color: #e8e8e8; border-radius: 3px; overflow: hidden; margin-bottom: 6px;">
+         <span style="color: #757575;" title="{{{likes_exact|}}}">{{{likes|100K+}}}</span>
-      <div style="width: {{{percentage|79%}}}; height: 100%; background-color: #232527; border-radius: 3px;"></div>
+         <span style="color: #757575;" title="{{{dislikes_exact|}}}">{{{dislikes|25K+}}}</span>
-       <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: space-between; pointer-events: none;">
-         <div style="width: 2px; height: 100%; background-color: #ffffff;"></div>
-         <div style="width: 2px; height: 100%; background-color: #ffffff;"></div>
-        <div style="width: 2px; height: 100%; background-color: #ffffff;"></div>
        </div>
      </div>
-     <div style="display: flex; justify-content: space-between; font-size: 13px; font-weight: 700;">
+     <span style="font-size: 18px; line-height: 1; flex-shrink: 0;">{{{dislike_icon|👎}}}</span>
-      <span style="color: #0066ff;">{{{likes|100K+}}}</span>
-      <span style="color: #0066ff;">{{{dislikes|25K+}}}</span>
-    </div>
-  </div>
+</div>
    <!-- 구분선 -->
-  <hr style="border: 0; height: 1px; background: #e3e3e3; margin: 16px 0;">
+<hr style="border: 0; height: 1px; background: #e3e3e3; margin: 16px 0;">
    <!-- 게임 설명 -->
-  <div style="margin-bottom: 16px;">
+<div style="margin-bottom: 16px;">
      <div style="font-size: 14px; font-weight: 700; margin-bottom: 6px; color: #000;">Description</div>
      <div style="font-size: 13px; line-height: 1.5; color: #393b3d; white-space: pre-wrap;">{{{description|게임 설명이 들어가는 공간입니다.}}}</div>
    </div>
    <!-- 게임 통계 표 -->
-  <table style="width: 100%; font-size: 12px; color: #393b3d; border-collapse: collapse; border-top: 1px solid #e3e3e3;">
+<table style="width: 100%; font-size: 12px; color: #393b3d; border-collapse: collapse; border-top: 1px solid #e3e3e3;">
      <tr>
        <td style="padding: 6px 0 2px 0; color: #757575;">Active</td>
@@ 80번째 줄: / 75번째 줄: @@
      </tr>
    </table>
 </div>
 </includeonly>