보존:알림 상자/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" style="clear: both; width: {{{폭|75%}}}; margin: 0 auto; border-collapse: collapse; background: {{{배경색|#fbfbfb}}}; border: {{{경계선|1px solid #aaa}}};  {{#if:{{{오른쪽색|}}}|border-right: 10px solid {{{오른쪽색|#1e90ff}}}; }}border-left: 10px solid {{{색|없음}}};"
+<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;">
-{{#if:{{{왼쪽 그림|}}}|<div style="width: 120px; padding: 2px 0px 2px 0.5em; text-align: center;">{{{왼쪽 그림 예외|[[파일:{{{왼쪽 그림| - }}}|{{{왼쪽 그림 크기|45px}}}{{{왼쪽 그림 설명|}}}]]}}}</div>}}
+<div style="display:table-row;vertical-align:center;">
-<div style="padding: {{{간격|8px}}}; font-size:95%;">{{#if:{{{제목|}}}|<span style="color:{{{제목색|#000000}}};">'''{{{제목}}}'''</span><br />}}<span style="color:{{{본문색|#000000}}}">{{{본문}}}</span>
+{{#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>
-{{#if:{{{오른쪽 그림|}}}|<div style="width: 120px; padding: 2px 4px 2px 0px; text-align: center;">{{{오른쪽 그림 예외|[[파일:{{{오른쪽 그림| - }}}|{{{오른쪽 그림 크기|45px}}}|{{{오른쪽 그림 설명|}}}]]}}}</div>}}</div>
+<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>
+</div>
 </div></onlyinclude>
+게임 내 알림 사항을 표시하는 틀입니다.
+<pre>{{알림 상자
+|폭 =
+|경계선 =
+|왼쪽 그림 =
+|왼쪽 그림 크기 =
+|오른쪽 그림 =
+|오른쪽 그림 크기 =
+|제목 =
+|본문 =
+}}</pre>
+== 파라미터 구현 목록 ==
+* 왼쪽 그림 = 제목 왼편 그림, 비우면 안 뜸. (그림 파일을 띄울 수도 있습니다.)
+** 왼쪽 그림 예외 = 왼쪽 그림 자리에 대신 띄울 내용
+* 오른쪽 그림 = 제목 오른편 그림, 없어도 됨
+** 오른쪽 그림 예외 = 오른쪽 그림 자리에 대신 띄울 내용
+* 경계선 : 기본은 1px solid #aafaaa입니다.
+* 제목: 제목을 적으면 됩니다.
+* 본문: 상세 내용을 적으면 됩니다. 그림 아래에 표시됩니다.
+* 왼쪽 그림 크기 및 오른쪽 그림 크기: 기본값은 45px입니다.
+* 폭: 기본 80%입니다.
+* 플로트: float CSS 속성이 있는 다른 틀<ref>보통 페이지 한쪽으로 치우친 틀들이 이렇습니다.</ref>로 인해 모양이 이상해질 경우 이 파라미터를 넣을 수 있습니다. 보통 이 파라미터가 필요할 경우 'inline-start' 값을 삽입하며, 플로트 파라미터가 없으면 float는 'none'이 적용됩니다.
+=== [[보존:알림 상자/레거시|이전 알림 상자]]와의 파라미터 차이 ===
+추후 차이점을 줄이기 위해 업데이트 예정입니다. 'X'는 아직 미구현 상태라는 뜻입니다.
+* 색 : X
+* '폭' 파라미터 관련
+** 데스크톱, 모바일 공용으로 적용됨
+* 배경색 : X
+* 오른쪽색 : X
+* 왼쪽 그림 설명 : X
+* 오른쪽 그림 설명 : X
+* 왼쪽/오른쪽 그림 예외 : 왼쪽/오른쪽 그림을 별도로 지정하지 않아도 표시됨
+* 본문색 : X
+* 제목색 : X
+* '''내용'''이 그림 및 제목 '아래'에 표시됨(레거시 버전은 그림들 '사이'에 내용이 제목과 같이 표시됨)
+* 간격: X
+{{#ifingroup: sysop,developer|
+=== 주의점 ===
+[[미디어위키:Gadget-defaultTemplate.js]]는 이 틀이 변경될 때마다 [[틀:뱃지그룹]]을 처리하는 부분을 HTML Element 트리 변경에 따라 수정해야 합니다.
+|}}
+[[분류:머릿글 틀]]