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