보존:알림 상자/2024 상반기: 두 판 사이의 차이

2024년 10월 22일 (화) 05:21 기준 최신판

게임 내 알림 사항을 표시하는 틀입니다.

{{알림 상자
|폭 = 
|경계선 = 
|왼쪽 그림 =
|왼쪽 그림 크기 =
|오른쪽 그림 = 
|오른쪽 그림 크기 =
|제목 = 
|본문 = 
}}

파라미터 구현 목록

왼쪽 그림 = 제목 왼편 그림, 비우면 안 뜸. (그림 파일을 띄울 수도 있습니다.)
- 왼쪽 그림 예외 = 왼쪽 그림 자리에 대신 띄울 내용
오른쪽 그림 = 제목 오른편 그림, 없어도 됨
- 오른쪽 그림 예외 = 오른쪽 그림 자리에 대신 띄울 내용
경계선 : 기본은 1px solid #aafaaa입니다.
제목: 제목을 적으면 됩니다.
본문: 상세 내용을 적으면 됩니다. 그림 아래에 표시됩니다.
왼쪽 그림 크기 및 오른쪽 그림 크기: 기본값은 45px입니다.
폭: 기본 80%입니다.
플로트: float CSS 속성이 있는 다른 틀^[1]로 인해 모양이 이상해질 경우 이 파라미터를 넣을 수 있습니다. 보통 이 파라미터가 필요할 경우 'inline-start' 값을 삽입하며, 플로트 파라미터가 없으면 float는 'none'이 적용됩니다.

이전 알림 상자와의 파라미터 차이

추후 차이점을 줄이기 위해 업데이트 예정입니다. 'X'는 아직 미구현 상태라는 뜻입니다.

색 : X
'폭' 파라미터 관련
- 데스크톱, 모바일 공용으로 적용됨
배경색 : X
오른쪽색 : X
왼쪽 그림 설명 : X
오른쪽 그림 설명 : X
왼쪽/오른쪽 그림 예외 : 왼쪽/오른쪽 그림을 별도로 지정하지 않아도 표시됨
본문색 : X
제목색 : X
내용이 그림 및 제목 '아래'에 표시됨(레거시 버전은 그림들 '사이'에 내용이 제목과 같이 표시됨)
간격: X

↑ 보통 페이지 한쪽으로 치우친 틀들이 이렇습니다.

[1] 보통 페이지 한쪽으로 치우친 틀들이 이렇습니다.

[1]

@@ 1번째 줄: / 1번째 줄: @@
-<onlyinclude><div class="template-ambox {{#if:{{{폭|}}}||ambox-hybrid}}" style="display:flex;justify-content:center;">
+<onlyinclude><div class="template-ambox {{#if:{{{폭|}}}||ambox-hybrid}}" style="{{#if:{{{플로트|}}}|float:{{{플로트}}};|float:none;}}clear:both;display:flex;justify-content:center;">
 <div style="display:table;width:{{{폭|80%}}};border:{{{경계선|1px solid #aafaaa}}};text-align:center;">
 <div style="display:table-row;vertical-align:center;">
-{{#if: {{{왼쪽 그림|}}}|<span style="display: table-cell;">
+{{#if: {{{왼쪽 그림|}}}{{{왼쪽 그림 예외|}}}|<span style="display: table-cell;width:{{{왼쪽 그림 크기|45px}}};">{{{왼쪽 그림 예외|[[파일:{{{왼쪽 그림}}}|{{{왼쪽 그림 크기|45px}}}]]}}}</span>|}}<span style="display: table-cell;">'''{{{제목| }}}'''</span>{{#if: {{{오른쪽 그림|}}}{{{오른쪽 그림 예외|}}}|<span style="display: table-cell;width:{{{오른쪽 그림 크기|45px}}};">{{{오른쪽 그림 예외|[[파일:{{{오른쪽 그림}}}|{{{오른쪽 그림 크기|45px}}}]]}}}</span>|}}</div>
-[[파일:{{{왼쪽 그림}}}|45px]]
+<div style="display:table-row;">{{#if: {{{왼쪽 그림|}}}{{{왼쪽 그림 예외|}}}|<span style="display: table-cell;width:{{{왼쪽 그림 크기|45px}}};"><!-- 공백 --></span>|}}<span style="display: table-cell;">{{{본문|}}}</span>{{#if: {{{오른쪽 그림|}}}{{{오른쪽 그림 예외|}}}|<span style="display: table-cell;width:{{{오른쪽 그림 크기|45px}}};"><!-- 공백 --></span>|}}</div>
-</span>|<span style="display: table-cell;">&nbsp;&nbsp;&nbsp;&nbsp;</span>}}
-<p style="display: table-cell;">
-{{#if: {{{제목|}}}|'''{{{제목}}}'''|}}</p>
-{{#if: {{{오른쪽 그림|}}}|<span style="display: table-cell;">
-[[파일:{{{오른쪽 그림}}}|45px]]
-</span>|<span style="display: table-cell;">&nbsp;&nbsp;&nbsp;&nbsp;</span>}}</div>
-<div style="display:table-row;text-align:center;"><span style="display: table-cell;"><!-- 공백 --></span><span style="display: table-cell;">{{{본문}}}</span><span style="display: table-cell;"><!-- 공백 --></span></div>
 </div>
 </div></onlyinclude>
 게임 내 알림 사항을 표시하는 틀입니다.
+<pre>{{알림 상자
+|폭 =
+|경계선 =
+|왼쪽 그림 =
+|왼쪽 그림 크기 =
+|오른쪽 그림 =
+|오른쪽 그림 크기 =
+|제목 =
+|본문 =
+}}</pre>
 == 파라미터 구현 목록 ==
 * 왼쪽 그림 = 제목 왼편 그림, 비우면 안 뜸. (그림 파일을 띄울 수도 있습니다.)
+** 왼쪽 그림 예외 = 왼쪽 그림 자리에 대신 띄울 내용
 * 오른쪽 그림 = 제목 오른편 그림, 없어도 됨
+** 오른쪽 그림 예외 = 오른쪽 그림 자리에 대신 띄울 내용
 * 경계선 : 기본은 1px solid #aafaaa입니다.
 * 제목: 제목을 적으면 됩니다.
 * 본문: 상세 내용을 적으면 됩니다. 그림 아래에 표시됩니다.
+* 왼쪽 그림 크기 및 오른쪽 그림 크기: 기본값은 45px입니다.
+* 폭: 기본 80%입니다.
+* 플로트: float CSS 속성이 있는 다른 틀<ref>보통 페이지 한쪽으로 치우친 틀들이 이렇습니다.</ref>로 인해 모양이 이상해질 경우 이 파라미터를 넣을 수 있습니다. 보통 이 파라미터가 필요할 경우 'inline-start' 값을 삽입하며, 플로트 파라미터가 없으면 float는 'none'이 적용됩니다.
 === [[보존:알림 상자/레거시|이전 알림 상자]]와의 파라미터 차이 ===
 추후 차이점을 줄이기 위해 업데이트 예정입니다. 'X'는 아직 미구현 상태라는 뜻입니다.
 * 색 : X
-* 폭 : X
+* '폭' 파라미터 관련
-** 단, 폭 파라미터가 적용하던 ambox-hybrid 클래스는 현재 조건부로 적용됨<!--, 모바일 100% (기본 설정)
+** 데스크톱, 모바일 공용으로 적용됨
-** 단, 기본설정이 아닐시 데스크톱, 모바일 공용으로 적용됨 -->
 * 배경색 : X
 * 오른쪽색 : X
-* 왼쪽 그림 크기 및 왼쪽 그림 예외 : X
+* 왼쪽 그림 설명 : X
-* 오른쪽 그림 크기 및 왼쪽 그림 예외 : 나머지 X
+* 오른쪽 그림 설명 : X
+* 왼쪽/오른쪽 그림 예외 : 왼쪽/오른쪽 그림을 별도로 지정하지 않아도 표시됨
 * 본문색 : X
 * 제목색 : X
 * '''내용'''이 그림 및 제목 '아래'에 표시됨(레거시 버전은 그림들 '사이'에 내용이 제목과 같이 표시됨)
 * 간격: X
+{{#ifingroup: sysop,developer|
+=== 주의점 ===
+[[미디어위키:Gadget-defaultTemplate.js]]는 이 틀이 변경될 때마다 [[틀:뱃지그룹]]을 처리하는 부분을 HTML Element 트리 변경에 따라 수정해야 합니다.
+|}}
 [[분류:머릿글 틀]]