틀:알림 상자

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

틀 변수

이 틀은 변수마다 줄바꿈을 하여 쓰는 것이 권장됩니다.

변수		설명	형식	상태
색	색	알림 상자의 테마색으로, 제목의 배경으로 설정됩니다. 제목이 있을 때 색이 지정되지 않으면 기본적으로 회색으로 표시됩니다. 제목이 없을 때 색만 지정할 경우 제목 자리에 지정된 색상의 가로선이 나옵니다. 기본값 gray	문자열	선택 사항
제목	제목	알림 상자 윗부분에 표시될 알림 상자의 제목을 입력합니다.	짧은 문구	제안
본문	본문	제목 아래에 표시될 알림 상자의 상세 내용을 입력합니다. 왼쪽/오른쪽 그림 사이에 나옵니다.	내용	필수
왼쪽 그림	왼쪽 그림	본문 왼쪽에 표시될 그림의 파일명을 입력합니다. 없으면 왼쪽 그림 자리까지 본문이 늘어납니다.	파일	선택 사항
왼쪽 그림 크기	왼쪽 그림 크기	왼쪽 그림의 크기를 지정합니다. 기본값 45px	문자열	선택 사항
왼쪽 그림 설명	왼쪽 그림 설명	왼쪽 그림에 마우스를 대거나 시각 장애인이 스크린 리더를 사용할 때 알려줄 그림에 대한 설명을 입력합니다.	짧은 문구	선택 사항
왼쪽 그림 예외	왼쪽 그림 예외	왼쪽 그림 자리에 그림 대신 띄울 내용을 입력할 수 있습니다.	내용	선택 사항
오른쪽 그림	오른쪽 그림	본문 오른쪽에 표시될 그림의 파일명을 입력합니다. 없으면 오른쪽 그림 자리까지 본문이 늘어납니다.	파일	선택 사항
오른쪽 그림 크기	오른쪽 그림 크기	오른쪽 그림의 크기를 지정합니다. 기본값 45px	문자열	선택 사항
오른쪽 그림 설명	오른쪽 그림 설명	오른쪽 그림에 마우스를 대거나 시각 장애인이 스크린 리더를 사용할 때 알려줄 그림에 대한 설명을 입력합니다.	짧은 문구	선택 사항
오른쪽 그림 예외	오른쪽 그림 예외	오른쪽 그림 자리에 그림 대신 띄울 내용을 입력할 수 있습니다.	내용	선택 사항
최소폭	최소폭 폭	데스크탑 환경과 같이 넓은 화면에서의 폭인 최소폭을 설정합니다. 화면을 점점 늘릴 때 알림 상자가 최대폭만큼 화면을 차지하다 40em(한글 40글자)이 되면 알림 상자가 최소폭만큼 차지할 때까지 크기를 유지하다가 다시 화면과 함께 늘어납니다. 기본값 80%	문자열	선택 사항
최대폭	최대폭	모바일 환경과 같이 좁은 화면에서의 폭인 최대폭을 설정합니다. 화면을 점점 줄일 때 알림 상자가 최소폭만큼 화면을 차지하다 40em(한글 40글자)이 되면 알림 상자가 최대폭만큼 차지할 때까지 크기를 유지하다가 다시 화면과 함께 줄어듭니다. 기본값 100%	문자열	선택 사항
경계선	경계선	알림 상자의 바깥쪽 테두리를 설정합니다. 지정하지 않으면 경계선은 표시되지 않습니다. 기본값 none 예시 1px solid #c8ccd1	문자열	선택 사항
배경색	배경색	알림 상자 및 본문/그림 영역의 배경 색상을 설정합니다. 기본값 #f5f5f5 예시 white	문자열	선택 사항
제목색	제목색	제목의 텍스트 색상을 설정합니다. 제목의 배경색은 색 파라미터로 지정해 주세요. 기본값 white 예시 black	문자열	선택 사항
본문색	본문색	본문의 텍스트 색상을 설정합니다. 본문의 배경색은 배경색 파라미터로 지정해 주세요. 기본값 black	문자열	선택 사항
높이	높이	본문 영역의 최소 높이를 설정합니다. 본문 내용의 높이가 낮으면 여기서 설정한 높이로 고정되고, 더 크면 설정한 높이가 무시되고 더 늘어납니다. 예시 45px	문자열	선택 사항

이전 버전과의 차이

2024년 상반기 버전

• 제목: 내용 및 그림 '위'에 표시됨(레거시 버전은 그림들 '사이'에 제목이 내용과 같이 표시됨)
• 색 : 제목의 배경색으로 표시
• 폭 : 데스크탑에서는 최소폭(기본 80%)으로, 모바일에서는 최대폭(기본 100%)으로 표시됨. 폭 파라미터는 최소폭을 지정함.
• 배경색 : O
• 왼쪽 그림 설명 : O
• 오른쪽 그림 설명 : O
• 플로트 : X (div 요소로 묶고 해당 요소에 float css 속성을 지정해 주세요)

2010년 버전 (위키백과·백괴 버전)

• 제목: 내용 및 그림 '위'에 표시됨(레거시 버전은 그림들 '사이'에 제목이 내용과 같이 표시됨)
• 폭: 최대폭 파라미터로 모바일 폭 지정 가능
• 오른쪽색 : X
• 왼쪽/오른쪽 그림 예외 : 왼쪽/오른쪽 그림을 별도로 지정하지 않아도 표시됨
• 간격: X