틀:ObbyGameInfobox: 두 판 사이의 차이

← 이전 편집 다음 편집 →

시각위키텍스트

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

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

@@ 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; padding: 16px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; box-sizing: border-box;">
+<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;">
      [[파일:{{{image|GameThumbnail.webp}}}|300px|center]]
@@ 14번째 줄: / 14번째 줄: @@
    </div>
-   <!-- Play 버튼 (글자/윤곽선 제거, 재생 아이콘만 배치) -->
+   <!-- 플레이 버튼 (외부 회색 테두리 제거) -->
-   <div style="margin-bottom: 16px;">
+   <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>
-    <span class="plainlinks" style="display: block; background: #3565f3; text-align: center; padding: 10px 0; border-radius: 8px; font-size: 20px; line-height: 1;">[https://www.roblox.com/games/{{{place_id|}}} <span style="color: #ffffff !important; text-decoration: none;">▶</span>]</span>
-  </div>
-   <!-- 좋아요 / 싫어요 영역 (제공해주신 HTML 구조 변환) -->
+   <!-- 좋아요 / 싫어요 영역 (회색 배경 제거 및 정렬) -->
-   <div style="margin-bottom: 16px;">
+   <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="display: flex; justify-content: space-between; align-items: center; margin-bottom: 4px; font-size: 20px;">
+       <span style="line-height: 1;">{{{like_icon|👍}}}</span>
-       <span>{{{like_icon|👍}}}</span>
+       <span style="line-height: 1;">{{{dislike_icon|👎}}}</span>
-       <span>{{{dislike_icon|👎}}}</span>
      </div>
-     <!-- 로블록스 원본 스타일 게이지 바 (비율 % 및 4분할 세그먼트 마스크) -->
+     <!-- 로블록스 게이지 바 -->
      <div style="position: relative; width: 100%; height: 6px; background-color: #e8e8e8; border-radius: 3px; overflow: hidden; margin-bottom: 6px;">
-      <!-- 게이지 채우기 (기본값 79%) -->
        <div style="width: {{{percentage|79%}}}; height: 100%; background-color: #232527; border-radius: 3px;"></div>
-      <!-- 4분할 마스크 오버레이 -->
        <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>
@@ 39번째 줄: / 34번째 줄: @@
      </div>
-    <!-- 수치 표시 -->
      <div style="display: flex; justify-content: space-between; font-size: 13px; font-weight: 700;">
        <span style="color: #0066ff;">{{{likes|100K+}}}</span>