사용법
안내: 모바일 화면에서는 공간 확보를 위해 오른쪽 그림이 자동으로 숨겨지며, 왼쪽 그림만 표시됩니다.
`틀:알림 상자`는 노바위키의 경고·안내·분류용 상자를 만들 때 사용하는 공통 틀입니다. 기본적으로 문서 본문 폭을 100% 사용합니다.
왼쪽 또는 오른쪽 그림이 있는 경우 그림도 상자의 높이를 결정하는 데 참여합니다. 따라서 제목이나 본문이 짧더라도 상자가 한 줄 높이로 지나치게 축소되지 않습니다. 이미지 파일은 각 하위 틀에서 지정한 크기를 우선 사용하며, 이미지 칸보다 큰 경우 자동으로 축소됩니다.
| 옵션 | 설명 |
|---|---|
| `폭` | 기존 틀과의 호환성을 위한 옵션입니다. 현재 출력은 기본적으로 100% 폭을 사용합니다. |
| `색` | 왼쪽 강조선 색입니다. 기본값은 `#1e90ff`입니다. |
| `배경색` | 상자 배경색입니다. 기본값은 `#fbfbfb`입니다. |
| `경계선` | 상자 전체 테두리입니다. 기본값은 `1px solid #aaaaaa`입니다. |
| `왼쪽 그림` | 왼쪽에 표시할 이미지입니다. 기본값은 `Flat info.png`이며, `없음`을 입력하면 표시하지 않습니다. |
| `왼쪽 그림 크기` | 왼쪽 그림의 요청 크기입니다. 기본값은 `45px`이며, 이미지 칸보다 큰 경우 비율을 유지한 채 자동으로 축소됩니다. |
| `왼쪽 그림 설명` | 왼쪽 그림의 설명입니다. |
| `왼쪽 그림 예외` | 이미지 대신 이모지나 별도의 HTML 등을 넣을 때 사용합니다. |
| `오른쪽색` | 입력하면 오른쪽에도 강조선을 표시합니다. |
| `오른쪽 그림` | 오른쪽 그림입니다. 데스크톱에서 표시되며 모바일에서는 자동으로 숨겨집니다. |
| `오른쪽 그림 크기` | 오른쪽 그림의 요청 크기입니다. 기본값은 `45px`이며 이미지 칸보다 큰 경우 자동으로 축소됩니다. |
| `오른쪽 그림 설명` | 오른쪽 그림의 설명입니다. |
| `오른쪽 그림 예외` | 오른쪽에 일반 이미지 대신 다른 마크업을 넣을 때 사용합니다. |
| `간격` | 제목과 본문 영역의 내부 여백입니다. 기본값은 `8px`입니다. |
| `제목색` | 제목 글자색입니다. 기본값은 `#000000`입니다. |
| `본문색` | 본문 글자색입니다. 기본값은 `#000000`입니다. |
| `제목` | 알림 상자의 제목입니다. |
| `본문` | 알림 상자의 본문입니다. 비어 있으면 빈 본문 영역은 표시되지 않습니다. |
기본 코드
{{알림 상자
|색=
|배경색=
|경계선=
|왼쪽 그림=
|왼쪽 그림 크기=
|왼쪽 그림 설명=
|왼쪽 그림 예외=
|오른쪽색=
|오른쪽 그림=
|오른쪽 그림 크기=
|오른쪽 그림 설명=
|오른쪽 그림 예외=
|간격=
|제목색=
|본문색=
|제목=
|본문=
}}
사용 예시
기본 안내 상자
이 문서는 안내가 필요한 내용을 다룹니다.
필요한 설명이나 주의사항을 이곳에 입력하면 됩니다.
{{알림 상자
|색=#1e90ff
|배경색=#fbfbfb
|제목=이 문서는 안내가 필요한 내용을 다룹니다.
|본문=필요한 설명이나 주의사항을 이곳에 입력하면 됩니다.
}}
색상과 그림을 지정한 상자
주의! 원하는 디자인으로 바꿀 수 있습니다.
배경색, 테두리, 제목색과 그림 등을 각각 지정할 수 있습니다.
{{알림 상자
|색=#FFD700
|배경색=#FFF4B8
|경계선=1px solid #D4AF37
|제목색=#C00000
|왼쪽 그림=Flat info.png
|왼쪽 그림 크기=60px
|제목=주의! 원하는 디자인으로 바꿀 수 있습니다.
|본문=배경색, 테두리, 제목색과 그림 등을 각각 지정할 수 있습니다.
}}
이모지를 사용하는 상자
🏨
이 문서는 호텔에 대해 다룹니다.
이미지 파일 대신 이모지를 사용할 수도 있습니다.
{{알림 상자
|색=#D4AF37
|배경색=#EEF3F8
|경계선=1px solid #1F3A5F
|제목색=#1F3A5F
|왼쪽 그림 예외=<span style="font-size:2.8em;">🏨</span>
|제목=이 문서는 호텔에 대해 다룹니다.
|본문=이미지 파일 대신 이모지를 사용할 수도 있습니다.
}}
양쪽 그림을 사용하는 상자
⚠️
양쪽에 그림을 넣을 수도 있습니다.
오른쪽 그림은 데스크톱에서만 표시되며 모바일에서는 자동으로 숨겨집니다.
⚠️
{{알림 상자
|색=#FF0000
|배경색=#FFFFFF
|경계선=1px solid #FF0000
|제목색=#FF0000
|왼쪽 그림 예외=<span style="font-size:2.5em;">⚠️</span>
|오른쪽 그림 예외=<span style="font-size:2.5em;">⚠️</span>
|오른쪽 그림=예외
|제목=양쪽에 그림을 넣을 수도 있습니다.
|본문=오른쪽 그림은 데스크톱에서만 표시되며 모바일에서는 자동으로 숨겨집니다.
}}