틀:꼬리표2/설명문서: 두 판 사이의 차이

2024년 7월 25일 (목) 10:20 기준 최신판

지도에 그림 이미지위에 작은 그림마크나 글 내용을 표시할 수 있게 하는 틀이다.

개선점: 하나의 이미지에 여러개의 {{꼬리표}}가 중첩하여 사용되는 경우에 글자클릭 안되는 부분을 개선하였다.

사용 법

기존 틀 {{꼬리표}} 사용법과 동일하다.

{{꼬리표2 |x = |y = |노마크= |마크 = |마크크기= |글자위치 = |글내용= |글자크기= }}

|x =: 마크나 글 내용의 표시될 좌로부터의 위치. (50px, 20%등)
|y =: 마크나 글 내용의 표시될 위로부터의 위치. (150px, 50%등)

|노마크 =: 임의의값 입력시, 표시될 그림 마크를 표시하지 않는다.
|마크 =: 표시될 그림 마크 표시.
|마크크기=: 표시될 그림 마크의 크기, 기본크기는 7px 이다.
|글위치 =: 마크를 기준으로 위치를 표시한다. 다음중 하나를 설정할 수 있다. 기본은 "우"이다. 좌, 좌하, 상, 하, 우, 우하, 중, 노를 사용할 수 있다.
|글내용 =: 위치에 해당하는 글내용이다.
|글크기=: 글의 크기를 지정한다. 기본은 9pt이다.

틀 {{꼬리표2}}는 반드시 앞 뒤로 {{꼬리표 시작}}과 {{꼬리표 끝}}와 같이 사용하여야 한다.

꼬리표가 차지하는 영역 비교

사각형 영역은 인자1을 설정하여 {{꼬리표}}가 사용하는 영역을 보여줄수 있다. 이 인자는 한 이미지에 여러 꼬리표를 사용할때 영역이 중첩되지 않도록 조정하는데 유용할 수 있다.
아래 결과에서 처럼 글위치가 좌측이나, 상,하 일때 우측에 빈영역이 잡힌다. 이것은 다른 꼬리표가 그 위치에 오면 클릭이 되지 않는 원인이 되므로 최소화 하여 사용한다.
그러므로 한 이미지에 여러 꼬리표가 사용될 경우에는 글위치를 설정하지 않거나(기본값 '우') '노'로 하는 것이 가장 효과적인 방법이다.
그리고 중첩되어 클릭이 안되는 꼬리표 글내용을 마지막에 위치시킨다.

① 글위치 = 좌, 좌상, 좌하

꼬리표2

꼬리표

웰링턴 좌

중첩되는 영역

뉴질랜드의 지도, 수도 웰링턴

웰링턴 좌

중첩되는 영역

뉴질랜드의 지도, 수도 웰링턴

꼬리표2

꼬리표

웰링턴 좌하

중첩되는 영역

뉴질랜드의 지도, 수도 웰링턴

웰링턴 좌하

중첩되는 영역

뉴질랜드의 지도, 수도 웰링턴

② 글위치 = 우, 우상, 우하

꼬리표2

꼬리표

웰링턴 우

뉴질랜드의 지도, 수도 웰링턴

웰링턴 우

뉴질랜드의 지도, 수도 웰링턴

꼬리표2

꼬리표

웰링턴 우하

뉴질랜드의 지도, 수도 웰링턴

웰링턴 우하

뉴질랜드의 지도, 수도 웰링턴

③ 글위치 = 상, 하

꼬리표2

꼬리표

웰링턴 상

웰링턴 하

뉴질랜드의 지도, 수도 웰링턴

웰링턴 우

웰링턴 우상

웰링턴 우하

뉴질랜드의 지도, 수도 웰링턴

④ 글위치 = 중

꼬리표2

꼬리표

웰링턴 중

뉴질랜드의 지도, 수도 웰링턴

웰링턴 중

뉴질랜드의 지도, 수도 웰링턴

⑤ 글위치 = 노

꼬리표2

꼬리표

웰링턴

뉴질랜드의 지도, 수도 웰링턴

웰링턴

뉴질랜드의 지도, 수도 웰링턴

사용예

이 주제에 대한 자세한 내용은 틀:꼬리표 문서를 봐 주세요.

{{꼬리표}}가 문서에서 사용예는 예시이다. 글위치가 좌이고 다른 꼬리표가 옆에 있을 때 마우스 클릭이 제한되기도 한다.

대한민국의 국립공원

범례

동아시아

동남아시아

남아시아 국가

서아시아

마크 목록

Blue pog.png
Light Blue pog.png
Cyan pog.png
Gold pog.png
Green pog.png
Red pog.png
Steel pog.png

Fire.png
Blue Fire.png
Green Fire.png

원.png
원 blue.png
원 gold.png
원 red.png

@@ 1번째 줄: / 1번째 줄: @@
 지도에 그림 이미지위에 작은 그림마크나 글 내용을 표시할 수 있게 하는 틀이다.
-{{틀|꼬리표}}의 클릭문제등 개선한 버전이다.
+개선점: 하나의 이미지에 여러개의 {{틀|꼬리표}}가 중첩하여 사용되는 경우에 글자클릭 안되는 부분을 개선하였다.
 ==사용 법==
-<pre>{{꼬리표 |x = |y = |노마크= |마크 = |마크크기= |글자위치 = |글내용= |글자크기= }}
+기존 틀 {{틀|꼬리표}} 사용법과 동일하다.
+<pre>{{꼬리표2 |x = |y = |노마크= |마크 = |마크크기= |글자위치 = |글내용= |글자크기= }}
 </pre>
@@ 13번째 줄: / 14번째 줄: @@
 ;|마크 = : 표시될 그림 마크 표시.
 ;|마크크기= : 표시될 그림 마크의 크기, 기본크기는 7px 이다.
-;|글위치 = : 마크를 기준으로 위치를 표시한다. 다음중 하나를 설정할 수 있다. 기본은 "우"이다. 좌, 좌하, 상, 하, 우, 우하, 중, 노마크를 사용할 수 있다.
+;|글위치 = : 마크를 기준으로 위치를 표시한다. 다음중 하나를 설정할 수 있다. 기본은 "우"이다. 좌, 좌하, 상, 하, 우, 우하, 중, '''노'''를 사용할 수 있다.
 ;|글내용 = : 위치에 해당하는 글내용이다.
 ;|글크기= : 글의 크기를 지정한다. 기본은 9pt이다.
-* 틀 {{틀|꼬리표}}는 반드시 앞 뒤로 {{틀|꼬리표 시작}}과 {{틀|꼬리표 끝}}와 같이 사용하여야 한다.
+* 틀 {{틀|꼬리표2}}는 반드시 앞 뒤로 {{틀|꼬리표 시작}}과 {{틀|꼬리표 끝}}와 같이 사용하여야 한다.
-===글위치 좌, 좌상, 좌하===
-{{꼬리표 시작|그림=뉴질랜드 clean.png |그림크기=240px }}
+==꼬리표가 차지하는 영역 비교==
-{{꼬리표2|● |x=40% |y=60% |노마크=@ |글크기=12pt |글위치=노마크 |글내용=[[뉴질랜드]]}}
+* 사각형 영역은 인자1을 설정하여 {{틀|꼬리표}}가 사용하는 영역을 보여줄수 있다. 이 인자는 한 이미지에 여러 꼬리표를 사용할때 영역이 중첩되지 않도록 조정하는데 유용할 수 있다.
+* 아래 결과에서 처럼 글위치가 좌측이나, 상,하 일때 우측에 빈영역이 잡힌다. 이것은 다른 꼬리표가 그 위치에 오면 클릭이 되지 않는 원인이 되므로 최소화 하여 사용한다.
+* 그러므로 한 이미지에 여러 꼬리표가 사용될 경우에는 글위치를 설정하지 않거나(기본값 '우') '노'로 하는 것이 가장 효과적인 방법이다.
+*그리고 중첩되어 클릭이 안되는 꼬리표 글내용을 마지막에 위치시킨다.
+{{스크롤}}
+{| class= "wikitable"
+|-
+! colspan=2 | '''①''' 글위치 = 좌, 좌상, 좌하
+|-
+| 꼬리표2
+| 꼬리표
+|-
+| {{꼬리표 시작|그림=뉴질랜드 clean.png |그림크기=240px }}
 {{꼬리표2|● |x=64% |y=43% |마크=red pog.png |글위치=좌 |글내용=웰링턴 좌 }}
-{{꼬리표2|● |x=64% |y=43% |마크=red pog.png |글위치=좌상 |글내용=웰링턴 좌상 }}
+{{꼬리표|x=68% |y=35% |마크=원.png |마크크기=70px |글위치=우 |글내용=중첩되는 영역 }}
+{{꼬리표 끝|설명=뉴질랜드의 지도, 수도 웰링턴}}
+| {{꼬리표 시작|그림=뉴질랜드 clean.png |그림크기=240px }}
+{{꼬리표|● |x=64% |y=43% |마크=red pog.png |글위치=좌 |글내용=웰링턴 좌 }}
+{{꼬리표|x=64% |y=35% |마크=원.png |마크크기=130px |글위치=하 |글내용=중첩되는 영역 }}
+{{꼬리표 끝|설명=뉴질랜드의 지도, 수도 웰링턴}}
+|-
+| 꼬리표2
+| 꼬리표
+|-
+| {{꼬리표 시작|그림=뉴질랜드 clean.png |그림크기=240px }}
 {{꼬리표2|● |x=64% |y=43% |마크=red pog.png |글위치=좌하 |글내용=웰링턴 좌하 }}
+{{꼬리표|x=68% |y=35% |마크=원.png |마크크기=70px |글위치=우 |글내용=중첩되는 영역 }}
+{{꼬리표 끝|설명=뉴질랜드의 지도, 수도 웰링턴}}
+| {{꼬리표 시작|그림=뉴질랜드 clean.png |그림크기=240px }}
+{{꼬리표|● |x=64% |y=43% |마크=red pog.png |글위치=좌하 |글내용=웰링턴 좌하 }}
+{{꼬리표|x=64% |y=35% |마크=원.png |마크크기=130px |글위치=하 |글내용=중첩되는 영역 }}
+{{꼬리표 끝|설명=뉴질랜드의 지도, 수도 웰링턴}}
+|-
+! colspan=2 | '''②''' 글위치 = 우, 우상, 우하
+|-
+| 꼬리표2
+| 꼬리표
+|-
+| {{꼬리표 시작|그림=뉴질랜드 clean.png |그림크기=240px }}
+{{꼬리표2|● |x=64% |y=43% |마크=red pog.png |글위치=우  |글내용=웰링턴 우 }}
+{{꼬리표 끝|설명=뉴질랜드의 지도, 수도 웰링턴}}
+| {{꼬리표 시작|그림=뉴질랜드 clean.png |그림크기=240px }}
+{{꼬리표|● |x=64% |y=43% |마크=red pog.png |글위치=우 |글내용=웰링턴 우}}
+{{꼬리표 끝|설명=뉴질랜드의 지도, 수도 웰링턴}}
+|-
+| 꼬리표2
+| 꼬리표
+|-
+| {{꼬리표 시작|그림=뉴질랜드 clean.png |그림크기=240px }}
+{{꼬리표2|● |x=64% |y=43% |마크=red pog.png |글위치=우하 |글내용=웰링턴 우하 }}
+{{꼬리표 끝|설명=뉴질랜드의 지도, 수도 웰링턴}}
+| {{꼬리표 시작|그림=뉴질랜드 clean.png |그림크기=240px }}
+{{꼬리표|● |x=64% |y=43% |마크=red pog.png |글위치=우하 |글내용=웰링턴 우하 }}
 {{꼬리표 끝|설명=뉴질랜드의 지도, 수도 웰링턴}}
+|-
-===글위치 상, 하===
+! colspan=2 | '''③''' 글위치 = 상, 하
-{{꼬리표 시작|그림=뉴질랜드 clean.png |그림크기=240px }}
+|-
-{{꼬리표2|● |x=40% |y=60% |노마크=@ |글크기=12pt |글위치=노마크 |글내용=[[뉴질랜드]]}}
+| 꼬리표2
+| 꼬리표
+|-
+| {{꼬리표 시작|그림=뉴질랜드 clean.png |그림크기=240px }}
 {{꼬리표2|● |x=64% |y=43% |마크=red pog.png |글위치=상 |글내용=웰링턴 상 }}
 {{꼬리표2|● |x=64% |y=43% |마크=red pog.png |글위치=하 |글내용=웰링턴 하 }}
 {{꼬리표 끝|설명=뉴질랜드의 지도, 수도 웰링턴}}
+| {{꼬리표 시작|그림=뉴질랜드 clean.png |그림크기=240px }}
-===글위치 우, 우상, 우하===
+{{꼬리표|● |x=64% |y=43% |마크=red pog.png |글위치=우 |글내용=웰링턴 우 }}
-{{꼬리표 시작|그림=뉴질랜드 clean.png |그림크기=240px }}
+{{꼬리표|● |x=64% |y=43% |마크=red pog.png |글위치=우상 |글내용=웰링턴 우상 }}
-{{꼬리표2|● |x=40% |y=60% |노마크=@ |글크기=12pt |글위치=노마크 |글내용=[[뉴질랜드]]}}
+{{꼬리표|● |x=64% |y=43% |마크=red pog.png |글위치=우하 |글내용=웰링턴 우하 }}
-{{꼬리표2|● |x=64% |y=43% |마크=red pog.png |글위치=우 |글내용=웰링턴 우 }}
-{{꼬리표2|● |x=64% |y=43% |마크=red pog.png |글위치=우상 |글내용=웰링턴 우상 }}
-{{꼬리표2|● |x=64% |y=43% |마크=red pog.png |글위치=우하 |글내용=웰링턴 우하 }}
 {{꼬리표 끝|설명=뉴질랜드의 지도, 수도 웰링턴}}
+|-
-===글위치 중===
+! colspan=2 | '''④''' 글위치 = 중
-{{꼬리표 시작|그림=뉴질랜드 clean.png |그림크기=240px }}
+|-
+| 꼬리표2
+| 꼬리표
+|-
+| {{꼬리표 시작|그림=뉴질랜드 clean.png |그림크기=240px }}
 {{꼬리표2|● |x=64% |y=43% |마크=red pog.png |글위치=중 |글내용=웰링턴 중 }}
 {{꼬리표 끝|설명=뉴질랜드의 지도, 수도 웰링턴}}
+| {{꼬리표 시작|그림=뉴질랜드 clean.png |그림크기=240px }}
+{{꼬리표|● |x=64% |y=43% |마크=red pog.png |글위치=중 |글내용=웰링턴 중 }}
-==위치 표시 ==
+{{꼬리표 끝|설명=뉴질랜드의 지도, 수도 웰링턴}}
-틀 꼬리표를 이용하여 오스트레일리아의 시드니의 위치를 표시한 예시이다.<br>
+|-
+! colspan=2 | '''⑤''' 글위치 = 노
-위치를 직관적으로 입력할 경우에 그림의 각 끝위치를 %값으로 설정한다. 이미지의 가로세로비에 따라 좌우 끝위치의 값은 유동적이다.
+|-
+| 꼬리표2
+| 꼬리표
-{{꼬리표 시작|그림=미국 clean.png |그림크기=300px }}
+|-
-{{꼬리표2|●  |x=1% |y=-5% |마크=red pog.png |마크크기=7px|글위치=우 |글내용=(1%, -5%) |글크기=8pt }}
+| {{꼬리표 시작|그림=뉴질랜드 clean.png |그림크기=240px }}
-{{꼬리표2|●  |x=1% |y=95% |마크=steel pog.png |마크크기=7px|글위치=우 |글내용=(1%, 95%) |글크기=8pt }}
+{{꼬리표2|● |x=64% |y=43% |노마크=@ |글위치=노 |글내용=웰링턴 }}
-{{꼬리표2|●  |x=99% |y=-5% |마크=red pog.png |마크크기=7px|글위치=좌 |글내용=(99%, -5%) |글크기=8pt }}
-{{꼬리표2|●  |x=99% |y=95% |마크=steel pog.png |마크크기=7px|글위치=좌 |글내용=(99%, 95%) |글크기=8pt }}
-{{꼬리표2|●  |x=1% |y=1% |마크=steel pog.png |마크크기=7px|글위치=우 |글내용=(1%, 1%) |글크기=8pt }}
-{{꼬리표2|●  |x=99% |y=1% |마크=steel pog.png |마크크기=7px|글위치=좌 |글내용=(99%, 1%) |글크기=8pt }}
-{{꼬리표2|●  |x=50% |y=50% |마크=red pog.png |마크크기=7px|글위치=우 |글내용=(50%, 50%) |글크기=8pt }}
-{{꼬리표 끝|설명=}}
-==사용예==
-;입력한 내용
-<pre>{{꼬리표 시작|그림=호주 clean.png |그림크기=300px |정렬=가운데 }}
-{{꼬리표2 |x=82% |y=69% |마크=steel pog.png |마크크기=11px|글위치=  |글내용=[[시드니]] |글크기=8pt }}
-{{꼬리표 끝|설명=}}
-</pre>
-;보여지는 결과
-{{꼬리표 시작|그림=호주 clean.png |그림크기=300px |정렬=가운데 }}
-{{꼬리표2|● |x=80% |y=68% |마크=steel pog.png |마크크기=11px|글위치=  |글내용=[[시드니]] |글크기=8pt }}
-{{꼬리표 끝|설명=}}
-*표시된 위치는 절대위치에 의한 표시이며, 위키피디아나 구글의 방위표시와는 다르다.
-==여러 꼬리표 사용예==
-다음은 틀 꼬리표를 이용하여 여러 위치를 입력한 예시이다.
-;입력한 내용
-<pre>{{꼬리표 시작|그림=뉴질랜드 clean.png |그림크기=240px }}
-{{꼬리표2 |x=40% |y=60% |노마크=@ |글크기=12pt |글내용=[[뉴질랜드]]}}
-{{꼬리표2 |x=62% |y=13.5% |마크=cyan pog.png |글위치=우  |글내용=[[오클랜드]] }}
-{{꼬리표2 |x=64% |y=43% |마크=red pog.png |글위치=우 |글내용=[[웰링턴]] }}
 {{꼬리표 끝|설명=뉴질랜드의 지도, 수도 웰링턴}}
-</pre>
+| {{꼬리표 시작|그림=뉴질랜드 clean.png |그림크기=240px }}
-;보여지는 결과
+{{꼬리표|● |x=64% |y=43% |노마크=@ |글위치=노 |글내용=웰링턴 }}
-{{꼬리표 시작|그림=뉴질랜드 clean.png |그림크기=240px }}
-{{꼬리표2|● |x=40% |y=60% |노마크=@ |글크기=12pt |글내용=[[뉴질랜드]]}}
-{{꼬리표2|● |x=62% |y=13.5% |마크=cyan pog.png |글위치=우  |글내용=[[오클랜드]] }}
-{{꼬리표2|● |x=64% |y=43% |마크=red pog.png |글위치=우 |글내용=[[웰링턴]] }}
 {{꼬리표 끝|설명=뉴질랜드의 지도, 수도 웰링턴}}
+|}
+{{스크롤 끝}}
+==사용예==
+{{상세|틀:꼬리표}}
+{{틀|꼬리표}}가 문서에서 사용예는 예시이다. 글위치가 좌이고 다른 꼬리표가 옆에 있을 때 마우스 클릭이 제한되기도 한다.
+{{:틀:꼬리표 대한민국 국립공원}}
+{{스크롤}}
+{{:틀:아시아의 위치지도}}
+{{스크롤 끝}}
 ==마크 목록==
+{{다단}}
 *  [[파일:Blue pog.png|20px]]  Blue pog.png
 *  [[파일:Blue1 pog.png|20px]]  Light Blue pog.png
@@ 113번째 줄: / 146번째 줄: @@
 *  [[파일:원 gold.png|20px]]  원 gold.png
 *  [[파일:원 red.png|20px]]  원 red.png
+{{다단 끝}}