틀:모바일 테이블: 두 판 사이의 차이

(새 문서: {{namucat|김찬/제작한 틀}} {{틀 도움}} <onlyinclude><div style="width: 100%; margin: 12px 0px;"><div style="display: inline-block;"> {|class="wikitable {{{class|}}}" style="m...)
 
편집 요약 없음
 
(같은 사용자의 중간 판 55개는 보이지 않습니다)
1번째 줄: 1번째 줄:
{{namucat|김찬/제작한 틀}}
{{namucat|김찬/제작한 틀}}
{{틀 도움}}
{{틀 도움}}
<onlyinclude><div style="width: 100%; margin: 12px 0px;"><div style="display: inline-block;">
{{다른 뜻2|설명1=미디어위키 표 문법이 아닌 HTML의 table 태그를 사용한 틀|제목1=틀:모바일 테이블/tag}}
{|class="wikitable {{{class|}}}" style="margin: 0px; {{{style|}}}" {{{tag|}}}</onlyinclude>
'''{{++5|{{++5|{{틀|namucat}}에서는 필요없는 틀입니다.}}}}'''<br>그야 이 틀을 주력으로 쓰는 게 {{틀|namucat}}을 모든 문서에 적용한 제작자인 저 혼자더라고요...
<onlyinclude><includeonly><div style="width: 100%; margin: 6px 0; {{#switch:{{{align|}}}|center = text-align: center;|right-block = text-align: right;|}}"><div style="display: inline-block; {{#switch:{{{align|}}}|left = float: left;|right = float: right;|}}">
{|class="{{{class|wikitable}}}" style="{{#switch:{{{align|}}}|left = margin : 12px 0px;|right = margin: 12px 0px;|margin: 0px;}} text-align: {{#switch:{{{text|}}}|center = center|right = right|left = left|left}}; {{#if:{{{bg|}}}|{{#switch:{{{bg|}}}|namu = background: #f5f5f5!important;|header = background: #f5f8fa!important;|background: {{{bg|}}}!important;}}|}} {{#if:{{{border|}}}|border: 2px solid {{{border|}}};|}} {{#if:{{{width|}}}|width: {{{width|}}};|}} {{#if:{{{max-width|}}}|max-width: {{{max-width|}}};|}} {{{style|}}}" {{{tag|}}}</includeonly></onlyinclude>
{{목차제거}}
{{목차제거}}
== 설명 ==
== 설명 ==
이 틀은 반드시 [[틀:모바일 테이블 끝]]과 함께 사용되어야 합니다.<br>
이 틀은 반드시 [[틀:모바일 테이블 끝]]과 함께 사용되어야 합니다.<br>
이 틀은 <code><nowiki>{{MT}}</nowiki></code>, <code><nowiki>{{MT끝}}</nowiki></code>(Mobile Table)으로도 사용할 수 있습니다.
이 틀은 <code><nowiki>{{MT}}</nowiki></code>, <code><nowiki>{{MT끝}}</nowiki></code>으로도 사용할 수 있습니다.


너비가 지정되지 않은 테이블은 PC에서는 콘텐츠의 너비만큼 테이블의 너비가 함께 따라가지만, 모바일에서는 무조건 100%로 고정됩니다. 이 틀은 '''모바일에서 너비가 지정되지 않은 테이블의 너비가 100%로 고정되지 않도록''' 해줍니다.
너비가 지정되지 않은 테이블은 PC에서는 콘텐츠의 너비만큼 테이블의 너비가 함께 따라가지만, 모바일에서는 무조건 100%로 고정됩니다. 이 틀은 '''모바일에서 너비가 지정되지 않은 테이블의 너비가 100%로 고정되지 않도록''' 해줍니다.
38번째 줄: 40번째 줄:
|colspan="2"|됩니다
|colspan="2"|됩니다
|}</div></div>
|}</div></div>
|}
== 변수 ==
{|class="wikitable" style="width: 100%;"
|-
!변수||기본값||설명
|-
!class
|{{center|wikitable}}
|테이블의 class를 지정합니다. 기본값인 wikitable을 지우고 싶다면 아무 문자나 입력하면 됩니다.
|-
!align
|{{center|-}}
|테이블의 정렬을 지정합니다. center, left, right, right-block을 입력할 수 있으며 기본적으로 왼쪽 블록 정렬(테이블 좌우로 콘텐츠가 올라오지 않음)이므로 left-block은 없습니다.{{folding|id=align-details|title=[ 정렬 상세 ]|
* left-block(기본): 테이블이 왼쪽으로 정렬되며, 테이블 옆으로 콘텐츠가 올라오지 않습니다.
* left: 테이블이 왼쪽으로 정렬되며, 테이블 옆으로 콘텐츠가 올라옵니다.
* center: 테이블이 가운데로 정렬되며, 테이블 양옆으로 콘텐츠가 올라오지 않습니다.
* right: 테이블이 오른쪽으로 정렬되며, 테이블 옆으로 콘텐츠가 올라옵니다.
* right-block: 테이블이 오른쪽으로 정렬되며, 테이블 옆으로 콘텐츠가 올라오지 않습니다.
}}
|-
!width
|{{center|-}}
|테이블의 너비를 지정합니다. px 또는 % 등 단위를 함께 입력해야 합니다.
|-
!max
|{{center|-}}
|이 변수를 {{u|on}}으로 하면 테이블의 너비가 max-width가 됩니다. width 변수를 함께 입력해야 합니다.
|-
!border
|{{center|-}}
|테이블의 테두리를 지정합니다. 반드시 2px 두께의 solid 모양으로 생깁니다.
|-
!bg
|{{center|-}}
|테이블의 배경 색을 지정합니다.
|-
!style
|{{center|-}}
|테이블의 style을 지정합니다.
|-
!tag
|{{center|-}}
|class와 style 외에 테이블에 추가로 태그를 입력할 수 있습니다.
|}
|}


== 둘러보기 ==
== 둘러보기 ==
{{김찬 제작 틀}}
{{김찬 제작 틀}}

2024년 6월 10일 (월) 22:38 기준 최신판

:모바일 테이블
사용문서
새로고침
넘겨주기
이동하기

 미디어위키 표 문법이 아닌 HTML의 table 태그를 사용한 틀에 대한 내용은 틀:모바일 테이블/tag 문서를 참고하십시오.

{{namucat}}에서는 필요없는 틀입니다.
그야 이 틀을 주력으로 쓰는 게 {{namucat}}을 모든 문서에 적용한 제작자인 저 혼자더라고요...

설명

이 틀은 반드시 틀:모바일 테이블 끝과 함께 사용되어야 합니다.
이 틀은 {{MT}}, {{MT끝}}으로도 사용할 수 있습니다.

너비가 지정되지 않은 테이블은 PC에서는 콘텐츠의 너비만큼 테이블의 너비가 함께 따라가지만, 모바일에서는 무조건 100%로 고정됩니다. 이 틀은 모바일에서 너비가 지정되지 않은 테이블의 너비가 100%로 고정되지 않도록 해줍니다.

사용법

{{모바일 테이블}}은 몇 개의 div 태그와 테이블 문법 중 {|…가 포함되어 있습니다. 즉 이 틀을 사용한 뒤 가장 먼저 테이블에 넣을 셀 문법부터 입력하면 됩니다.

또한 {{모바일 테이블 끝}}에는 앞서 서술한 div 태그와 테이블을 닫는 문법이 모두 포함되어 있습니다. 즉 이 틀로 만든 테이블에는 |}를 입력하면 안 되고, 대신 끝 틀을 입력해야 합니다.

예를 들어 다음과 같은 테이블을 만들고자 한다면, 이렇게 입력합니다.

입력 출력
{{MT}}
|-
|어렵지||않습니다
|-
|이렇게||사용하면
|-
|colspan="2"|됩니다
{{MT끝}}
어렵지 않습니다
이렇게 사용하면
됩니다

변수

변수 기본값 설명
class
wikitable
테이블의 class를 지정합니다. 기본값인 wikitable을 지우고 싶다면 아무 문자나 입력하면 됩니다.
align
-
테이블의 정렬을 지정합니다. center, left, right, right-block을 입력할 수 있으며 기본적으로 왼쪽 블록 정렬(테이블 좌우로 콘텐츠가 올라오지 않음)이므로 left-block은 없습니다.
[ 정렬 상세 ]
  • left-block(기본): 테이블이 왼쪽으로 정렬되며, 테이블 옆으로 콘텐츠가 올라오지 않습니다.
  • left: 테이블이 왼쪽으로 정렬되며, 테이블 옆으로 콘텐츠가 올라옵니다.
  • center: 테이블이 가운데로 정렬되며, 테이블 양옆으로 콘텐츠가 올라오지 않습니다.
  • right: 테이블이 오른쪽으로 정렬되며, 테이블 옆으로 콘텐츠가 올라옵니다.
  • right-block: 테이블이 오른쪽으로 정렬되며, 테이블 옆으로 콘텐츠가 올라오지 않습니다.
width
-
테이블의 너비를 지정합니다. px 또는 % 등 단위를 함께 입력해야 합니다.
max
-
이 변수를 on으로 하면 테이블의 너비가 max-width가 됩니다. width 변수를 함께 입력해야 합니다.
border
-
테이블의 테두리를 지정합니다. 반드시 2px 두께의 solid 모양으로 생깁니다.
bg
-
테이블의 배경 색을 지정합니다.
style
-
테이블의 style을 지정합니다.
tag
-
class와 style 외에 테이블에 추가로 태그를 입력할 수 있습니다.

둘러보기

+
김찬 제작 틀
[ A~Z & etc. ]
[ ㄱ~ㅅ ]
[ ㅇ~ㅎ ]
※ 더 이상 사용하지 않거나 사용할 필요가 없는 경우 취소선 처리
※ 일부 극히 단순한 틀은 본 틀 목록에 미포함