편집 요약 없음 |
편집 요약 없음 |
||
2번째 줄: | 2번째 줄: | ||
{{틀 도움}} | {{틀 도움}} | ||
{{다른 뜻2|설명1=미디어위키 표 문법이 아닌 HTML의 table 태그를 사용한 틀|제목1=틀:이미지 넣기/tag}} | {{다른 뜻2|설명1=미디어위키 표 문법이 아닌 HTML의 table 태그를 사용한 틀|제목1=틀:이미지 넣기/tag}} | ||
<onlyinclude>{|class="wikitable" style="{{#if:{{{최대너비|}}}|max-|}}width: {{{너비|}}}; {{#if:{{{배경색|}}}|border: 2px solid {{{배경색|}}};|}} {{#switch:{{{정렬|}}}|left = float: left;|center = margin: | <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-left: 0; margin-right: auto;|right-block = margin-left: auto; margin- right: 0;|margin-left: 0; margin-right: auto;}} 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; color: {{{글자색|#373a3c}}};">◱</div>]]|}}{{{설명top|}}}}}{{#if:{{{배경색|}}}|{{#ifeq:{{{배경색|}}}|transparent||''' }}|}}|}} | ||
{{!}}- | {{!}}- | ||
{{!}}<div style="margin: {{#ifeq:{{{배경색|}}}|transparent|-6.5px -11px|- | {{!}}<div style="margin: {{#ifeq:{{{배경색|}}}|transparent|-6.5px -11px|-4.5px -9px}};">[[파일:{{{파일명|}}}|link={{{링크|}}}]]</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; color: {{{글자색|#373a3c}}};">◱</div>]]|}}{{{설명|}}}}}{{#if:{{{배경색|}}}|{{#ifeq:{{{배경색|}}}|transparent||'''}}|}}|}} | ||
|}</onlyinclude> | |}</onlyinclude> | ||
== 사용법 == | == 사용법 == | ||
<pre>{{이미지 넣기|정렬=|배경색=|글자색=|너비=|파일명=|링크=|설명=|버튼=버튼|최대너비= | <pre>{{이미지 넣기|정렬=|테두리=|배경색=|글자색=|너비=|파일명=|링크=|설명=|버튼=on|최대너비=on}}</pre> | ||
<pre>{{이미지 넣기 | |||
|정렬= | |||
|테두리= | |||
|배경색= | |||
|글자색= | |||
|너비= | |||
|파일명= | |||
|링크= | |||
|설명= | |||
|버튼=on | |||
|최대너비=on}}</pre> | |||
{|class="wikitable" style="width: 100%;" | {|class="wikitable" style="width: 100%;" | ||
|- | |- | ||
23번째 줄: | 34번째 줄: | ||
!정렬 | !정렬 | ||
|테이블의 좌중우 정렬입니다. left, center, right, left-block, right-block 중 입력할 수 있으며, 선택 변수이므로 입력하지 않아도 됩니다. 이 경우 테이블 기본 속성인 display: block으로 왼쪽 정렬됩니다. | |테이블의 좌중우 정렬입니다. left, center, right, left-block, right-block 중 입력할 수 있으며, 선택 변수이므로 입력하지 않아도 됩니다. 이 경우 테이블 기본 속성인 display: block으로 왼쪽 정렬됩니다. | ||
{{ | {{folding|id=align-details|title=[ 정렬 상세 ]|{{lmr|ul}} | ||
* left는 테이블을 왼쪽 inline으로 정렬합니다. (이미지 옆으로 본문이 올라옵니다.) | * left는 테이블을 왼쪽 inline으로 정렬합니다. (이미지 옆으로 본문이 올라옵니다.) | ||
* center는 테이블을 가운데 block으로 정렬합니다. (이미지 옆으로 본문이 올라오지 않습니다.) | * center는 테이블을 가운데 block으로 정렬합니다. (이미지 옆으로 본문이 올라오지 않습니다.) | ||
29번째 줄: | 40번째 줄: | ||
* left-block은 테이블을 왼쪽 block으로 정렬합니다. (이미지 옆으로 본문이 올라오지 않습니다.) | * left-block은 테이블을 왼쪽 block으로 정렬합니다. (이미지 옆으로 본문이 올라오지 않습니다.) | ||
* right-block은 테이블을 오른쪽 block으로 정렬합니다. (이미지 옆으로 본문이 올라오지 않습니다.){{lmr|ul}}}} | * right-block은 테이블을 오른쪽 block으로 정렬합니다. (이미지 옆으로 본문이 올라오지 않습니다.){{lmr|ul}}}} | ||
|- | |||
!테두리 | |||
|테이블의 테두리입니다. 입력하지 않으면 아래 배경색과 같은 값을 따라갑니다. | |||
|- | |- | ||
!배경색 | !배경색 |
2023년 5월 1일 (월) 20:00 판
틀:이미지 넣기 | |
---|---|
사용문서
|
|
넘겨주기
|
이동하기
|
미디어위키 표 문법이 아닌 HTML의 table 태그를 사용한 틀에 대한 내용은 틀:이미지 넣기/tag 문서를 참고하십시오.
[[파일:|link=]]
|
사용법
{{이미지 넣기|정렬=|테두리=|배경색=|글자색=|너비=|파일명=|링크=|설명=|버튼=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 이상의 큰 너비를 가질 때 모바일에서 화면을 넘어가지 않도록 대응해 줍니다. 최대너비=최대너비로 입력합니다. |