편집 요약 없음 |
편집 요약 없음 |
||
(같은 사용자의 중간 판 41개는 보이지 않습니다) | |||
1번째 줄: | 1번째 줄: | ||
{|class="wikitable" style="{{#if:{{{최대너비|}}}|max-|}}width: {{{너비|}}}; {{#if:{{{배경색|}}}|border: 2px solid {{{배경색|}}};|}} {{#switch:{{{정렬|}}}|left = float: left;|center = margin: | {{namucat|김찬/제작한 틀}} | ||
{{틀 도움 | |||
|날짜1=2023.12.01|업데이트1=정적 이미지 파일(png, jpg, jpeg)은 파일명을 입력하지 않고 이름만 입력해도 자동으로 파일명을 인식하여 출력함. 단 같은 이름의 다른 파일명이 있을 경우 정상 작동하지 않음. | |||
}} | |||
{{다른 뜻2|설명1=미디어위키 표 문법이 아닌 HTML의 table 태그를 사용한 틀|제목1=틀:이미지 넣기/tag}} | |||
<onlyinclude>{|class="wikitable" style="{{#if:{{{최대너비|}}}|max-|}}width: {{{너비|}}}; {{#if:{{{테두리|}}}|border: 2px solid {{{테두리|{{{배경색|}}}}}};|}} {{#if:{{{배경색|}}}|border: 2px solid {{{테두리|{{{배경색|}}}}}};|}} {{#switch:{{{정렬|}}}|left = float: left;|center = margin: 12px auto;|right = float: right;|left-block = margin: 12px auto 12px 0;|right-block = margin: 12px 0 12px auto;|margin: 12px auto 12px 0;}} text-align: center;" | |||
{{#if:{{{설명top|}}}|{{!}}- | {{#if:{{{설명top|}}}|{{!}}- | ||
{{!}}style="background: {{{배경색|#f5f8fa}}};"{{!}}{{#if:{{{배경색|}}}|{{#ifeq:{{{배경색|}}}|transparent||'''}}|}}{{ | {{!}}style="background: {{{배경색|#f5f8fa}}};"{{!}}{{#if:{{{배경색|}}}|{{#ifeq:{{{배경색|}}}|transparent||'''}}|}}{{c|{{{글자색|#373a3c}}}|{{#if:{{{버튼|}}}|<div style="display: inline-block; float: right; margin: -8px 0 0 -2em;">[[파일:magnify-clip-ltr.svg|link=파일:{{{파일명|}}}]]</div>|}}{{{설명top|}}}}}{{#if:{{{배경색|}}}|{{#ifeq:{{{배경색|}}}|transparent||''' }}|}}|}} | ||
{{ | |- | ||
{{ | |{{#ifeq:{{{margin|}}}|off||<div style="margin: {{#ifeq:{{{배경색|}}}|transparent|-6.5px -11px|-4.5px -9px}};">}}{{#ifeq:{{{링크|}}}|off|[[파일:{{{파일명|}}}{{#ifexist:파일:{{{파일명|}}}.png|.png|}}{{#ifexist:파일:{{{파일명|}}}.jpg|.jpg|}}{{#ifexist:파일:{{{파일명|}}}.jpeg|.jpeg|}}{{#ifexist:파일:{{{파일명|}}}.svg|.svg|}}{{#ifexist:파일:{{{파일명|}}}.png|.png|}}{{#ifexist:파일:{{{파일명|}}}.jpg|.jpg|}}{{#ifexist:파일:{{{파일명|}}}.jpeg|.jpeg|}}{{#ifexist:파일:{{{파일명|}}}.svg|.svg|}}]]|[[파일:{{{파일명|}}}{{#ifexist:파일:{{{파일명|}}}.png|.png|}}{{#ifexist:파일:{{{파일명|}}}.jpg|.jpg|}}{{#ifexist:파일:{{{파일명|}}}.jpeg|.jpeg|}}{{#ifexist:파일:{{{파일명|}}}.svg|.svg|}}{{#ifexist:파일:{{{파일명|}}}.png|.png|}}{{#ifexist:파일:{{{파일명|}}}.jpg|.jpg|}}{{#ifexist:파일:{{{파일명|}}}.jpeg|.jpeg|}}{{#ifexist:파일:{{{파일명|}}}.svg|.svg|}}|link={{{링크|}}}]]}}{{#ifeq:{{{margin|}}}|off||</div>}} | ||
{{#if:{{{설명|}}}|{{!}}- | {{#if:{{{설명|}}}|{{!}}- | ||
{{!}}style="background: {{{배경색|#f5f8fa}}};"{{!}}{{#if:{{{배경색|}}}|{{#ifeq:{{{배경색|}}}|transparent||''' }}|}}{{ | {{!}}style="background: {{{배경색|#f5f8fa}}};"{{!}}{{#if:{{{배경색|}}}|{{#ifeq:{{{배경색|}}}|transparent||''' }}|}}{{c|{{{글자색|#373a3c}}}|{{#if:{{{버튼|}}}|<div style="display: inline-block; float: right; margin: -8px 0 0 -2em;">[[파일:magnify-clip-ltr.svg|link=파일:{{{파일명|}}}]]</div>|}}{{{설명|}}}}}{{#if:{{{배경색|}}}|{{#ifeq:{{{배경색|}}}|transparent||'''}}|}}|}} | ||
|}< | |}</onlyinclude> | ||
{{안내문|틀에 지정한 너비가 파일의 원본 너비보다 클 경우 틀의 테두리에 파일이 꽉 차지 않습니다. 이 경우 파일명 뒤에 <code><nowiki>{{!}}1000px</nowiki></code>을 붙여 주면 해결됩니다.}} | |||
== 사용법 == | |||
* 가로 사용 | |||
<pre>{{이미지 넣기|정렬=|테두리=|배경색=|글자색=|너비=|파일명=|링크=|설명=|버튼=on|최대너비=on}}</pre> | |||
* 세로 사용 | |||
<pre>{{이미지 넣기 | |||
|정렬= | |||
|테두리= | |||
|배경색= | |||
|글자색= | |||
|너비= | |||
|파일명= | |||
|링크= | |||
|설명= | |||
|버튼=on | |||
|최대너비=on}}</pre> | |||
{|class="wikitable" style="width: 100%;" | |||
|- | |||
!colspan="2"|필수 변수 | |||
|- | |||
!파일명 | |||
|파일의 이름을 넣습니다. <u>확장자명까지 전부 입력</u>해야 합니다. 즉 [[:파일:제윜 로고2.svg]]를 입력하려면 <tt>제윜 로고2.svg</tt>로 입력해야 합니다. | |||
|- | |||
!colspan="2"|선택 변수 | |||
|- | |||
!정렬 | |||
|테이블의 좌중우 정렬입니다. left, center, right, left-block, right-block 중 입력할 수 있으며, 선택 변수이므로 입력하지 않아도 됩니다. 이 경우 테이블 기본 속성인 display: block으로 왼쪽 정렬됩니다. | |||
{{folding|id=align-details|title=[ 정렬 상세 ]| | |||
* left는 테이블을 왼쪽 inline으로 정렬합니다. (이미지 옆으로 본문이 올라옵니다.) | |||
* center는 테이블을 가운데 block으로 정렬합니다. (이미지 옆으로 본문이 올라오지 않습니다.) | |||
* right는 테이블을 오른쪽 inline으로 정렬합니다. (이미지 옆으로 본문이 올라옵니다.) | |||
* left-block은 테이블을 왼쪽 block으로 정렬합니다. (이미지 옆으로 본문이 올라오지 않습니다.) | |||
* right-block은 테이블을 오른쪽 block으로 정렬합니다. (이미지 옆으로 본문이 올라오지 않습니다.)}} | |||
|- | |||
!테두리 | |||
|테이블의 테두리입니다. 입력하지 않으면 아래 배경색과 같은 값을 따라갑니다. | |||
|- | |||
!배경색 | |||
|설명 변수가 들어갈 셀의 배경색입니다. 이 변수를 선언하면 테이블 전체의 테두리가 같은 색에 2px로 둘러지고 설명 변수에 볼드체가 쳐집니다. 이미지를 테이블에 넣은 것처럼 보이지 않게 하기 위해서는 이 변수에 transparent를 입력하면 됩니다. 이 경우 테이블의 테두리가 사라지는 동시에 테두리만큼의 여백까지 지워집니다. 배경색을 transparent로 하면 아래의 설명 변수를 사용하지 않는 것을 권장합니다. | |||
|- | |||
!글자색 | |||
|설명 변수의 글자색입니다. 배경색에 알맞는 적절한 색으로 바꾸어 주세요. | |||
|- | |||
!너비 | |||
|테이블의 너비입니다. 픽셀 단위(px), 퍼센트 단위(%) 모두 입력할 수 있습니다. | |||
|- | |||
!링크 | |||
|파일에 연결될 링크 문서 이름을 넣습니다. 외부 링크를 넣으려면 http를 포함한 링크 전체를 넣어도 됩니다. | |||
|- | |||
!설명 | |||
|파일 아래에 쓰여질 문구를 정합니다. | |||
|- | |||
!설명top | |||
|바로 위의 설명 변수와 같지만, 설명이 파일 아래가 아니라 위에 쓰여집니다. | |||
|- | |||
!버튼 | |||
|<u>설명 변수가 선언되었을 때</u>, 설명이 들어가는 행의 우측 상단에 원본 파일 문서로 이동하는 버튼을 생성합니다. 버튼은 [[파일:magnify-clip-ltr.svg|link=]] 모양입니다. | |||
|- | |||
!최대너비 | |||
|테이블의 width 속성을 max-width 속성으로 바꿉니다. 400px 이상의 큰 너비를 가질 때 모바일에서 화면을 넘어가지 않도록 대응해 줍니다. {{폰트|monospace|<nowiki>최대너비=최대너비</nowiki>}}로 입력합니다. | |||
|} | |||
== 둘러보기 == | |||
{{김찬 제작 틀}} | |||
{{문서 가져옴|틀:이미지 넣기/설명문서|389452}} |
2023년 12월 2일 (토) 15:47 기준 최신판
틀:이미지 넣기 | |
---|---|
사용문서
|
|
넘겨주기
|
이동하기
|
[ 주요 업데이트 노트 ]
|
미디어위키 표 문법이 아닌 HTML의 table 태그를 사용한 틀에 대한 내용은 틀:이미지 넣기/tag 문서를 참고하십시오.
[[파일:|link=]]
|
틀에 지정한 너비가 파일의 원본 너비보다 클 경우 틀의 테두리에 파일이 꽉 차지 않습니다. 이 경우 파일명 뒤에
{{!}}1000px
을 붙여 주면 해결됩니다.사용법
- 가로 사용
{{이미지 넣기|정렬=|테두리=|배경색=|글자색=|너비=|파일명=|링크=|설명=|버튼=on|최대너비=on}}
- 세로 사용
{{이미지 넣기 |정렬= |테두리= |배경색= |글자색= |너비= |파일명= |링크= |설명= |버튼=on |최대너비=on}}
필수 변수 | |
---|---|
파일명 | 파일의 이름을 넣습니다. 확장자명까지 전부 입력해야 합니다. 즉 파일:제윜 로고2.svg를 입력하려면 제윜 로고2.svg로 입력해야 합니다. |
선택 변수 | |
정렬 | 테이블의 좌중우 정렬입니다. left, center, right, left-block, right-block 중 입력할 수 있으며, 선택 변수이므로 입력하지 않아도 됩니다. 이 경우 테이블 기본 속성인 display: block으로 왼쪽 정렬됩니다.
[ 정렬 상세 ]
|
테두리 | 테이블의 테두리입니다. 입력하지 않으면 아래 배경색과 같은 값을 따라갑니다. |
배경색 | 설명 변수가 들어갈 셀의 배경색입니다. 이 변수를 선언하면 테이블 전체의 테두리가 같은 색에 2px로 둘러지고 설명 변수에 볼드체가 쳐집니다. 이미지를 테이블에 넣은 것처럼 보이지 않게 하기 위해서는 이 변수에 transparent를 입력하면 됩니다. 이 경우 테이블의 테두리가 사라지는 동시에 테두리만큼의 여백까지 지워집니다. 배경색을 transparent로 하면 아래의 설명 변수를 사용하지 않는 것을 권장합니다. |
글자색 | 설명 변수의 글자색입니다. 배경색에 알맞는 적절한 색으로 바꾸어 주세요. |
너비 | 테이블의 너비입니다. 픽셀 단위(px), 퍼센트 단위(%) 모두 입력할 수 있습니다. |
링크 | 파일에 연결될 링크 문서 이름을 넣습니다. 외부 링크를 넣으려면 http를 포함한 링크 전체를 넣어도 됩니다. |
설명 | 파일 아래에 쓰여질 문구를 정합니다. |
설명top | 바로 위의 설명 변수와 같지만, 설명이 파일 아래가 아니라 위에 쓰여집니다. |
버튼 | 설명 변수가 선언되었을 때, 설명이 들어가는 행의 우측 상단에 원본 파일 문서로 이동하는 버튼을 생성합니다. 버튼은 모양입니다. |
최대너비 | 테이블의 width 속성을 max-width 속성으로 바꿉니다. 400px 이상의 큰 너비를 가질 때 모바일에서 화면을 넘어가지 않도록 대응해 줍니다. 최대너비=최대너비로 입력합니다. |