:나무위키 접기2

Kimchan (토론 | 기여)님의 2023년 6월 19일 (월) 22:03 판
:나무위키 접기2
사용문서
새로고침
넘겨주기
이동하기
[ 주요 업데이트 노트 ]
2023.04.24 접기 제목에 드래그 방지 코드 적용
2023.05.21 모바일에서 제목 터치 시 잠깐 파란 박스 생성 (애니메이션 접기를 사용하는 모든 틀(틀:펼치기 접기, 틀:펼치기 접기/multi 등)에 함께 적용)단, 배경색의 명도가 낮거나 파란색에 가까울수록 파란 박스가 제대로 보이지 않는 현상이 있음. rgb(0, 0, 255)의 색을 투명도 90%로 깔아둔 것이므로, 이 현상을 해결할 수 있는 이보다 나은 표현법이 있다면 틀:펼치기 접기/styles.css 문서에서 @keyframes btn-backgroundfrom 부분을 편집해 주길 바람.


 관련 문서: 틀:나무위키 접기

틀 본문

설명

이 틀은 {{나무접기2}} 또는 {{namufolding2}} 또는 {{folding}}으로도 사용할 수 있습니다.

사이트 1.36.4.232 업데이트로 추가된 애니메이션 형식의 접기를 이용한 가장 기본적인 형태의 나무위키 접기 틀입니다.

사용법

기본 사용법
{{나무위키 접기2|id=아이디|내용}}
복잡한 문법 필요 시
{{나무위키 접기2|id=아이디|div=off}}내용{{접기끝}}
복잡한 문법 필요 및 contentspan 사용 시
{{나무위키 접기2|id=아이디|div=off|contentspan=on}}내용{{접기끝|span}}

틀 변수

변수 상태 설명
id 필수 접기의 아이디입니다. 기본값으로 default가 입력되지만 반드시 입력할 것을 권장합니다.
title 선택 접기의 제목입니다. 기본값으로 [ 펼치기 · 접기 ]가 입력됩니다.[제목] 반드시 볼드체가 쳐져 있으며, 이를 해제하고자 할 경우 title={{nobold|제목}}으로 입력하면 됩니다.
{{{1}}} 필수 접기의 내용입니다. 다른 변수들과 달리 파이프 문자(|)를 치고 뒤에 바로 내용을 입력하면 인식됩니다.
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

제목과 내용을 따로

{{folding/title|id=아이디}}{{folding/content|id=아이디|내용}}

하위 틀인 틀:나무위키 접기2/title틀:나무위키 접기2/content로 제목과 내용을 서로 다른 위치에 둘 수도 있습니다. /content에는 아이디 변수와 내용 변수뿐이며, /title에는 위에서 설명한 나머지 변수가 모두 들어가 있습니다. 마찬가지로 {{나무접기2}} 또는 {{namufolding2}} 또는 {{folding}} 뒤에 /title/content를 붙여 사용할 수 있습니다.

사용 주의

환경설정편집 부분의 "페이지를 다시 불러오지 않고 미리 보기 표시"를 활성화할 경우 편집 미리보기에서 접기가 작동하지 않습니다.

사용 팁

본문에 사용된 접기 안에 리스트나 표가 들어가면 접기를 펴고 접을 때 하단 부분이 통통 튑니다.

{{folding|id=list-example-1|
* 리스트
* 리스트
* 리스트
}}
[ 펼치기 · 접기 ]
  • 리스트
  • 리스트
  • 리스트

이를 방지하기 위해 접기 전체를 너비 100%의 표로 감싸 주면 좋습니다. 이때 표의 레이아웃이 보이지 않도록 class는 넣지 말아야 합니다.

{|width=100%
|-
|{{folding|id=list-example-2|
* 리스트
* 리스트
* 리스트
}}
|}
[ 펼치기 · 접기 ]
  • 리스트
  • 리스트
  • 리스트

기타

둘러보기

+
나무위키 형식 틀 모음
[ 펼치기 · 접기 ]
+
김찬이 제작한 183개의 틀
[ A~Z & etc. ]
[ ㄱ~ㅅ ]
틀:가로세로비 틀:가로줄 틀:가입일 유저박스 틀:가짜 링크
틀:가짜 문단 틀:갤러리 (김찬) 틀:공백 틀:관련 문서 틀 제목
틀:광과민성 주의 틀:군대 유저박스
(상세)
틀:굵게 틀:그라데이션 글씨
틀:글리치 틀:글배경 틀:글씨 테두리
틀:나무링크 틀:나무마크 틀 틀:나무위키 둘러보기 틀:나무위키 접기
틀:나무위키 접기2
(제목 / 내용)
틀:나무위키 테이블 틀:나무위키 텍스트 크기 틀:나무위키 틀 접기
(애니메이션)
틀:나무위키 틀 접기 끝 틀:나무위키식 문서 상태 틀 틀:너비맞춤 틀:넘겨주기
틀:넘겨주기 안내 틀:네온 글씨
틀:다크모드 틀:댓글 금지 틀:둥근 이미지 틀:등급 유저박스
틀:루비 문자
틀:막대 그래프 틀:말풍선 틀:말풍선 각주
(버튼 / 내용 / 시작 / )
틀:메타 분류
틀:메타 틀 틀:모바일 테이블
(/tag)
틀:모바일 테이블 끝
(/tag)
틀:목차제거
틀:문단접기 틀:문단접기2 틀:문서 가져옴 틀:문서 보충
틀:미공개 틀:미디어위키 접기 V2 틀:밑줄 없는 링크
틀:반전 틀:반전2 틀:배경색 명도 조절 틀:별점
틀:복사방지 틀:부계정 유저박스 틀:분류 바로가기 틀:분류앵커
틀:불법2 틀:블러2 틀:블러3 틀:블러4
틀:블링크 틀:비공식 설정 틀:빈 이미지
틀:사건사고 틀:산문적 문서 틀:상징색 틀:색상 수평줄
틀:성적 요소 틀:세계관 무관 틀:세계관 별점 틀:소설
(시작 / / 버튼 / 클립보드)
틀:소속단체 유저박스 틀:수평줄 꾸미기 틀:순차형3 틀:스포일러 강조
틀:실루엣 틀:씹덕주의
[ ㅇ~ㅎ ]
※ 더 이상 사용하지 않거나 사용할 필요가 없는 경우 취소선 처리
※ 일부 극히 단순한 틀은 본 틀 목록에 미포함

말풍선

 나무위키 접기는 제목을 입력하지 않으면 기본으로 More이 출력되지만 일반적으로 [ 펼치기 · 접기 ]가 가장 많이 사용되므로 이를 고려하였습니다.
[제목] 나무위키 접기는 제목을 입력하지 않으면 기본으로 More이 출력되지만 일반적으로 [ 펼치기 · 접기 ]가 가장 많이 사용되므로 이를 고려하였습니다.
닫기
 부모 요소의 값에 따라 달라짐. 예를 들어 텍스트 정렬이 왼쪽인 표 안에선 왼쪽, 가운데인 표 안에선 가운데.
[inherit] 부모 요소의 값에 따라 달라짐. 예를 들어 텍스트 정렬이 왼쪽인 표 안에선 왼쪽, 가운데인 표 안에선 가운데.
닫기