틀:여러그림/설명문서

여러 그림을 하나의 사각형 테두리 안에 수직이나 수평으로 넣을 수 있도록 하는 틀입니다. 최대 10개까지 그림을 넣을 수 있으며, 각각의 그림이나 그림 전체에 대한 그림 설명을 적을 수 있습니다.

사용법

영어판과 항목 비교

영어항목	한글항목	변수	변수 설명
align	정렬	right	오른쪽
header_align	머리말 정렬	center	가운데
footer_align	꼬리말 정렬	left	왼쪽
caption_align	설명 정렬	none	없음
image (n)	그림 (n)
width (n)	너비 (n) 또는 크기 (n)
total_width (n)	전체 너비 (n)
height (n)	높이 (n)
border (n)	테두리 (n)
image_style (n)	그림 모양 (n)
alt (n)	alt (n)
caption (n)	설명 (n)
link (n)	링크 (n)
header	머리말
header_background	머리말 배경색
footer	꼬리말
footer_background	꼬리말 배경색
background color	배경색
image_gap

{{여러그림
<!-- 필수 항목 -->
| 정렬 = <!-- left/right/center/none -->
| 방향 = <!-- horizontal/vertical -->
| 크기 = <!-- 숫자 -->

<!-- 그림 1 -->
| 그림1 = <!-- 파일이름 -->
| 크기1 = 
| alt1 = 
| 설명1 = 

<!-- 그림 2 -->
| 그림2 = <!-- 파일이름 -->
| 크기2 = 
| alt2 = 
| 설명2 = 

<!-- 그림 3 -->
| 그림3 = <!-- 파일이름 -->
| 크기3 = 
| alt3 = 
| 설명3 =

<!-- 그림은 10장 까지 됩니다. -->

<!-- 기타 항목 -->
| 머리말 = 
| 머리말 정렬 = <!-- left/right/center -->
| 머리말 배경색 = 
| 꼬리말 = 
| 꼬리말 정렬 = <!-- left/right/center -->
| 꼬리말 배경색 = 
| 배경색 = 
}}

예제

경기 중 노란 카드는 경고, 빨간 카드는 퇴장

{{여러그림
| 꼬리말 = 경기 중 노란 카드는 경고, 빨간 카드는 퇴장
| 크기 = 60

| 그림1 = Yellow card.svg
| alt1 = 노란 카르투시

| 그림2 = Red card.svg
| alt2 = 빨간 카르투시
}}

PNG 투명 예시

8 비트 투명 층을 가진 PNG 그림...

...체크무늬에 겹침

{{여러그림
| 정렬 = left
| 방향 = vertical
| 머리말 = [[PNG]] 투명 예시
| 크기 = 200

| 그림1 = PNG transparency demonstration 1.png
| alt1 = 하얀 배경에 색 주사위
| 설명1 = 8 비트 투명 층을 가진 PNG 그림...

| 그림2 = PNG transparency demonstration 2.png
| alt2 = 체크무늬 배경에 색 주사위
| 설명2 = ...체크무늬에 겹침
}}

한 사용자가 가진 여러 형태의 반스타 리본으로 나타낼 수도 있고 횟수를 나타내기 위해 숫자를 쓸 수도 있습니다.

{{여러그림
| 꼬리말 = 한 사용자가 가진 여러 형태의 [[반스타]] [[리본 (컴퓨팅)|리본]]으로 나타낼 수도 있고 횟수를 나타내기 위해 숫자를 쓸 수도 있습니다.
| 크기 = 60

| 그림1 = Ribbon numeral 2.png
| alt1 = 2

| 그림2 = Ribbon numeral 3.png
| alt2 = 3

| 그림3 = Ribbon numeral 4.png
| alt3 = 4
}}

배경색 예제

연복초

{{여러그림
| 그림1=Adoxa_moschatellina_210406.jpg
| alt1=조그만 흰노란 꽃이 핀 푸른 허브

| 그림2=Adoxa_moschatellina_210406a.jpg
| alt2=푸른 잎 배경의 작은 흰노란 꽃

| 그림3=adoxa_moschatellina_blatt.jpeg
| alt3=각 세 쌍의 엽체를 가진 식물의 잎

| 꼬리말=[[연복초]]
| 꼬리말 배경색=#BBDD99
| 배경색=#BBDD99
| 꼬리말 정렬=center
| 크기=160
}}

링크 예제

노새는 노새에 연결되나, 당나귀는 연결 링크가 없다. 송어는 원래처럼 그림 설명이 표시된다.

노새
骡子, luózi

당나귀
驴子, lǘzi

송어
鱼, yú

{{여러 그림
| 머리말 = 노새는 ''[[노새]]''에 연결되나, 당나귀는 연결 링크가 없다. 송어는 원래처럼 그림 설명이 표시된다.
| 정렬 = left

| 그림1 = Frecklesmule.jpg
| 크기1 = 143
| alt1 = 노새
| 설명1 = <div style="text-align: center;">노새<br />骡子, '''luózi'''</div>
| 링크1 = 노새

| 그림2 = Donkey 1 arp 750px.jpg
| 크기2 = 150
| alt2 = 당나귀
| 설명2 = <div style="text-align: center;">당나귀<br />驴子, lǘzi</div>
| 링크2 =

| 그림3 = Rainbow_trout.png
| 크기3 = 91
| alt3 = 송어
| 설명3 = <div style="text-align: center;">송어<br />
{{lang|zh|2=鱼}}, '''yú'''</div>
}}

수평 위치, 그림 높이 정렬

• 원하는 그림 높이 결정: (예)100 픽셀
• 그림 기존 크기 확인
  • 파일:Donkey 1 arp 750px.jpg 는 750 × 536 픽셀
  • 파일:Rainbow trout.png 는 300 × 300 픽셀
• | 크기 (n) 변수 = {{#expr: (dh * ow / oh) round 0 }}
  • dh 원하는 높이 (100) px
  • ow 너비 (750, 300) px
  • oh 높이 (536, 300) px
• 정사각형 그림은 |크기 (n) 에 원하는 높이만 입력하고, 모두 정사각형이면 |크기 만 필요합니다.

두 그림 모두 높이 100 픽셀로 변환

원래 536 픽셀 높이 직사각형 당나귀

원래 300 픽셀 높이 정사각형 송어

{{여러그림
| 머리말 = 두 그림 모두 높이 100 픽셀로 변환
| 정렬 = right

| 그림1 = Donkey 1 arp 750px.jpg
| 크기1 = {{#expr: (100 * 750 / 536) round 0}}
| alt1 = 당나귀
| 설명1 = 원래 536 픽셀 높이 직사각형 당나귀

| 그림2 = Rainbow_trout.png
| 크기2 = 100
| alt2 = 송어
| 설명2 = 원래 300 픽셀 높이 정사각형 송어
}}

틀데이터

여러 그림을 하나의 사각형 테두리 안에 수직이나 수평으로 넣을 수 있도록 하는 틀입니다.

틀 변수

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

변수		설명	형식	상태
배경색	배경색 background color	여러그림 틀에 칠해질 배경색을 16진수 혹은 영어 표기로 정합니다.	알 수 없음	선택 사항
정렬	정렬 align	화면에서 여러그림 틀을 표시할 방향 권장 값 왼쪽 가운데 오른쪽 기본값 오른쪽 자동 값 오른쪽	문자열	필수
머리말	머리말 header	머리말에 표시할 내용. 예시 단풍의 사진	짧은 문구	선택 사항
머리말 배경색	머리말 배경색 header_background	머리글 항목에 칠해질 배경색을 16진수 혹은 영어 표기로 정합니다.	알 수 없음	선택 사항
머리말 정렬	머리말 정렬 caption	머리말의 표시 방향 권장 값 왼쪽 가운데 오른쪽	문자열	권장
꼬리말	꼬리말 footer	꼬리말에 표시할 내용.	짧은 문구	선택 사항
꼬리말 배경색	꼬리말 배경색 footer_background	꼬리글 항목에 칠해질 배경색을 16진수 혹은 영어 표기로 정합니다.	알 수 없음	선택 사항
꼬리말 정렬	꼬리말 정렬 footer_align	꼬리말의 표시 방향 권장 값 왼쪽 가운데 오른쪽	문자열	선택 사항
설명 정렬	설명 정렬 caption_align	각 그림의 설명문이 표시될 방향 권장 값 왼쪽 가운데 오른쪽	문자열	선택 사항
그림1	그림1 image1	그림 파일의 이름.확장자	파일	필수
그림 모양1	그림 모양1 image_style1	그림의 CSS 속성 값	내용	선택 사항
전체 너비1	전체 너비1 total_width1	그림의 전체 가로x세로 px 값	숫자	선택 사항
너비1	너비1 width1	그림의 가로 px 값	숫자	선택 사항
높이1	높이1 height1	그림의 세로 px 값	숫자	선택 사항
설명1	설명1 caption1	그림에 대한 해설	짧은 문구	선택 사항
링크1	링크1 link1	그림을 눌렀을 때 넘어갈 문서의 이름.	문서 이름	선택 사항
alt1	alt1	시각장애인을 위한 그림의 설명문. 미국 헌법 505조항에서 유래된 접근성 향상 요소. 비우면 설명의 내용 값을 씁니다.	내용	선택 사항
테두리1	테두리1 border1	그림의 테두리 CSS 속성값	내용	선택 사항

같이 보기

• {{자동그림}} – 수평 그림 들을 자동으로 크기 조절
• {{이중그림}}
• {{삼중그림}}