편집 요약 없음 |
편집 요약 없음 |
||
3번째 줄: | 3번째 줄: | ||
|날짜1=2023.04.24|업데이트1=접기 제목에 드래그 방지 코드 적용 | |날짜1=2023.04.24|업데이트1=접기 제목에 드래그 방지 코드 적용 | ||
|날짜2=2023.05.21|업데이트2=모바일에서 제목 터치 시 잠깐 파란 박스 생성 (애니메이션 접기를 사용하는 모든 틀([[틀:펼치기 접기]], [[틀:펼치기 접기/multi]] 등)에 함께 적용){{brbr}}단, 배경색의 명도가 낮거나 파란색에 가까울수록 파란 박스가 제대로 보이지 않는 현상이 있음. rgb(0, 0, 255)의 색을 투명도 90%로 깔아둔 것이므로, 이 현상을 해결할 수 있는 이보다 나은 표현법이 있다면 [[틀:펼치기 접기/styles.css]] 문서에서 <tt>{{c|green|{{bold|@keyframes btn-background}}}}</tt>의 <tt>{{c|green|{{bold|from}}}}</tt> 부분을 편집해 주길 바람.}} | |날짜2=2023.05.21|업데이트2=모바일에서 제목 터치 시 잠깐 파란 박스 생성 (애니메이션 접기를 사용하는 모든 틀([[틀:펼치기 접기]], [[틀:펼치기 접기/multi]] 등)에 함께 적용){{brbr}}단, 배경색의 명도가 낮거나 파란색에 가까울수록 파란 박스가 제대로 보이지 않는 현상이 있음. rgb(0, 0, 255)의 색을 투명도 90%로 깔아둔 것이므로, 이 현상을 해결할 수 있는 이보다 나은 표현법이 있다면 [[틀:펼치기 접기/styles.css]] 문서에서 <tt>{{c|green|{{bold|@keyframes btn-background}}}}</tt>의 <tt>{{c|green|{{bold|from}}}}</tt> 부분을 편집해 주길 바람.}} | ||
<includeonly><onlyinclude>{{css|펼치기 접기}}<{{#ifeq:{{{titlespan|}}}|on|span|div}} id="toggle{{{id|default}}}" class="toggleBtn mobileBtn" data-target="collapsible{{{id|default}}}" style="text-align: {{{align|inherit}}}; color: {{{titlecolor| | <includeonly><onlyinclude>{{css|펼치기 접기}}<{{#ifeq:{{{titlespan|}}}|on|span|div}} id="toggle{{{id|default}}}" class="toggleBtn mobileBtn" data-target="collapsible{{{id|default}}}" style="text-align: {{{align|inherit}}}; color: {{{titlecolor|inherit}}}; {{#ifeq:{{{복사방지|}}}|off||user-select: none;}} {{{style|}}}">{{#ifeq:{{{titletype|}}}|media|{{nobold|[{{가짜 링크|notitle=on|{{{title|보기}}}}}]}}|{{{title|[ 펼치기 · 접기 ]}}}}}</{{#ifeq:{{{titlespan|}}}|on|span|div}}><{{#ifeq:{{{contentspan|}}}|on|span|div}} id="collapsible{{{id|default}}}">{{{1|}}}{{#ifeq:{{{div|}}}|off||</{{#ifeq:{{{contentspan|}}}|on|span|div}}>}}</onlyinclude></includeonly> | ||
{{관련 문서2|틀:나무위키 접기}} | {{관련 문서2|틀:나무위키 접기}} | ||
== 설명 == | == 설명 == | ||
10번째 줄: | 10번째 줄: | ||
[https://jwiki.kr/rhymix/index.php?mid=notice&document_srl=50991 사이트 1.36.4.232 업데이트]로 추가된 애니메이션 형식의 접기를 이용한 '''가장 기본적인 형태'''의 나무위키 접기 틀입니다. | [https://jwiki.kr/rhymix/index.php?mid=notice&document_srl=50991 사이트 1.36.4.232 업데이트]로 추가된 애니메이션 형식의 접기를 이용한 '''가장 기본적인 형태'''의 나무위키 접기 틀입니다. | ||
<pre>{{나무위키 접기2|id=아이디|내용}}</pre> | == 사용법 == | ||
{{인용문1|<pre style="user-select: all;">{{나무위키 접기2|id=아이디|내용}}</pre>|기본 사용법}} | |||
{{인용문1|<pre style="user-select: all;">{{나무위키 접기2|id=아이디|div=off}}내용{{접기끝}}</pre>|복잡한 문법 필요 시}} | |||
{{인용문1|<pre style="user-select: all;">{{나무위키 접기2|id=아이디|div=off|contentspan=on}}내용{{접기끝|span}}</pre>|복잡한 문법 필요 및 contentspan 사용 시}} | |||
=== 틀 변수 === | |||
{|{{style|class=wiki|width=100%}} | |||
|- | |||
!변수||상태||설명 | |||
|- | |||
!id | |||
접기 내용에 | |필수 | ||
|접기의 아이디입니다. 기본값으로 default가 입력되지만 '''{{u|반드시}} 입력할 것을 권장합니다.''' | |||
|- | |||
{{ | !title | ||
|선택 | |||
|접기의 제목입니다. 기본값으로 '''[ 펼치기 · 접기 ]'''가 입력됩니다. 반드시 볼드체가 쳐져 있으며, 이를 해제하고자 할 경우 <tt><nowiki>title={{nobold|</nowiki><code>제목</code>}}</tt>으로 입력하면 됩니다. | |||
|- | |||
!titletype | |||
|선택 | |||
|{{code|media}}를 입력하면 접기 제목이 나무위키 형태인 '''[ 펼치기 · 접기 ]'''에서 미디어위키 형태인 [{{가짜 링크|notitle=on|보기}}]로 바뀝니다. 이 경우 아래 titlecolor 변수는 사용할 수 없습니다. | |||
|- | |||
!titlecolor | |||
|선택 | |||
|접기 제목의 글씨 색입니다. 기본값은 inherit{{b-fn-b|align-ref|inherit}}입니다. | |||
|- | |||
!align | |||
|선택 | |||
|접기 제목의 정렬입니다. 기본값은 inherit{{b-fn-b|align-ref|inherit}}입니다. | |||
|- | |||
!복사방지 | |||
|선택 | |||
|접기 제목은 기본적으로 드래그 및 복사가 불가능합니다. 이 변수를 {{code|off}}로 입력하면 드래그 및 복사가 가능해집니다. | |||
|- | |||
!style | |||
|선택 | |||
|접기 제목이 들어가는 div에 추가로 style을 입력할 수 있습니다. | |||
|- | |||
!div | |||
|선택 | |||
|{{code|off}}로 입력하면 내용에 해당하는 부분을 틀 바깥으로 뺄 수 있습니다. 일반적인 테이블 문법({{code|{{!}}}} 대신 {{code|<nowiki>{{!}}</nowiki>}}를 쓰거나 {{nowiki|<table>}}을 쓰면 가능), {{nowiki|<div>}}, {{nowiki|<span>}}, 외부 링크 등 틀 끼워넣기 안에서 입력하면 인식되지 않는 문법이 몇 개 있는데, 이러한 문법들이 사용되었을 때 내용 부분을 바깥으로 빼서 입력이 편하도록 합니다. 이때는 {{틀|접기끝}}을 함께 사용해야 합니다. | |||
|- | |||
!titlespan | |||
|rowspan=2|선택 | |||
|rowspan=2|일반적으로 제목과 내용은 문서에서 한 줄 전체를 차지하는 block 속성입니다. 이 변수들을 {{code|on}}으로 입력하면 제목 또는 내용에 해당하는 부분이 문서의 한 줄 전체에서 입력된 내용에 해당하는 너비만 차지하는 inline으로 바뀌게 됩니다. 만일 contentspan과 위의 div를 함께 사용했다면 {{틀|접기끝}}에도 {{code|{{!}}span}}을 붙여 {{tt|<nowiki>{{접기끝|span}}</nowiki>}}으로 사용해야 합니다. | |||
|- | |||
!contentspan | |||
|} | |||
== 사용 주의 == | |||
[[특수:환경설정|환경설정]]의 [[특수:환경설정#mw-prefsection-editing|편집]] 부분의 "페이지를 다시 불러오지 않고 미리 보기 표시"를 활성화할 경우 '''편집 미리보기에서 접기가 작동하지 않습니다.''' | [[특수:환경설정|환경설정]]의 [[특수:환경설정#mw-prefsection-editing|편집]] 부분의 "페이지를 다시 불러오지 않고 미리 보기 표시"를 활성화할 경우 '''편집 미리보기에서 접기가 작동하지 않습니다.''' | ||
36번째 줄: | 67번째 줄: | ||
{{b-fn-cs}} | {{b-fn-cs}} | ||
{{b-fn-c|align-ref| | {{b-fn-c|align-ref|inherit|부모 요소의 값에 따라 달라짐. 예를 들어 텍스트 정렬이 왼쪽인 표 안에선 왼쪽, 가운데인 표 안에선 가운데.}} | ||
{{b-fn-ce}} | {{b-fn-ce}} |
2023년 6월 12일 (월) 18:43 판
틀:나무위키 접기2 | |
---|---|
사용문서
|
|
넘겨주기
|
이동하기
|
[ 주요 업데이트 노트 ]
|
관련 문서: 틀:나무위키 접기
설명
이 틀은 {{나무접기2}}
또는 {{namufolding2}}
또는 {{folding}}
으로도 사용할 수 있습니다.
사이트 1.36.4.232 업데이트로 추가된 애니메이션 형식의 접기를 이용한 가장 기본적인 형태의 나무위키 접기 틀입니다.
사용법
{{나무위키 접기2|id=아이디|내용}}
기본 사용법
{{나무위키 접기2|id=아이디|div=off}}내용{{접기끝}}
복잡한 문법 필요 시
{{나무위키 접기2|id=아이디|div=off|contentspan=on}}내용{{접기끝|span}}
복잡한 문법 필요 및 contentspan 사용 시
틀 변수
변수 | 상태 | 설명 |
---|---|---|
id | 필수 | 접기의 아이디입니다. 기본값으로 default가 입력되지만 반드시 입력할 것을 권장합니다. |
title | 선택 | 접기의 제목입니다. 기본값으로 [ 펼치기 · 접기 ]가 입력됩니다. 반드시 볼드체가 쳐져 있으며, 이를 해제하고자 할 경우 title={{nobold|제목 }}으로 입력하면 됩니다.
|
titletype | 선택 | media 를 입력하면 접기 제목이 나무위키 형태인 [ 펼치기 · 접기 ]에서 미디어위키 형태인 [보기]로 바뀝니다. 이 경우 아래 titlecolor 변수는 사용할 수 없습니다.
|
titlecolor | 선택 | 접기 제목의 글씨 색입니다. 기본값은 inherit[inherit]입니다. |
align | 선택 | 접기 제목의 정렬입니다. 기본값은 inherit[inherit]입니다. |
복사방지 | 선택 | 접기 제목은 기본적으로 드래그 및 복사가 불가능합니다. 이 변수를 off 로 입력하면 드래그 및 복사가 가능해집니다.
|
style | 선택 | 접기 제목이 들어가는 div에 추가로 style을 입력할 수 있습니다. |
div | 선택 | off 로 입력하면 내용에 해당하는 부분을 틀 바깥으로 뺄 수 있습니다. 일반적인 테이블 문법(| 대신 {{!}} 를 쓰거나 <table>을 쓰면 가능), <div>, <span>, 외부 링크 등 틀 끼워넣기 안에서 입력하면 인식되지 않는 문법이 몇 개 있는데, 이러한 문법들이 사용되었을 때 내용 부분을 바깥으로 빼서 입력이 편하도록 합니다. 이때는 {{접기끝}}을 함께 사용해야 합니다.
|
titlespan | 선택 | 일반적으로 제목과 내용은 문서에서 한 줄 전체를 차지하는 block 속성입니다. 이 변수들을 on 으로 입력하면 제목 또는 내용에 해당하는 부분이 문서의 한 줄 전체에서 입력된 내용에 해당하는 너비만 차지하는 inline으로 바뀌게 됩니다. 만일 contentspan과 위의 div를 함께 사용했다면 {{접기끝}}에도 |span 을 붙여 {{접기끝|span}}으로 사용해야 합니다.
|
contentspan |
사용 주의
환경설정의 편집 부분의 "페이지를 다시 불러오지 않고 미리 보기 표시"를 활성화할 경우 편집 미리보기에서 접기가 작동하지 않습니다.
둘러보기
+ 나무위키 형식 틀 모음 | ||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
[ 펼치기 · 접기 ]
|