편집 요약 없음 |
편집 요약 없음 |
||
| (같은 사용자의 중간 판 5개는 보이지 않습니다) | |||
| 1번째 줄: | 1번째 줄: | ||
{{namucat|김찬/제작한 틀}} | {{namucat|김찬/제작한 틀}} | ||
{{틀 도움}} | {{틀 도움}} | ||
<onlyinclude><includeonly>{{#css: #toggle{{{1|{{{id|paragraph-folding-third}}}}}} { opacity: .5; } #toggle{{{1|{{{id|paragraph-folding-third}}}}}} .mw-headline { display: inline-flex; align-items: center;} #toggle{{{1|{{{id|paragraph-folding-third}}}}}} .mw-headline:after { margin-left: 5px; color: #666; font-size: .7em; font-weight: 600; font-family: 'Font Awesome 5 Free'; content: "\f054"; } #toggle{{{1|{{{id|paragraph-folding-third}}}}}}:has(+ #collapsible{{{1|{{{id|paragraph-folding-third}}}}}}:not([style*="display"])) { opacity: 1; } #toggle{{{1|{{{id|paragraph-folding-third}}}}}}:has(+ #collapsible{{{1|{{{id|paragraph-folding-third}}}}}}:not([style*="display"])) .mw-headline:after { margin-left: 5px; color: #666; font-size: .7em; font-weight: 600; font-family: 'Font Awesome 5 Free'; content: "\f078"; } }}{{ | <onlyinclude><includeonly>{{#css: #toggle{{{1|{{{id|paragraph-folding-third}}}}}} { opacity: .5; } #toggle{{{1|{{{id|paragraph-folding-third}}}}}} .mw-headline { display: inline-flex; align-items: center;} #toggle{{{1|{{{id|paragraph-folding-third}}}}}} .mw-headline:after { margin-left: 5px; color: #666; font-size: .7em; font-weight: 600; font-family: 'Font Awesome 5 Free'; content: "\f054"; } #toggle{{{1|{{{id|paragraph-folding-third}}}}}}:has(+ #collapsible{{{1|{{{id|paragraph-folding-third}}}}}}:not([style*="display"])) { opacity: 1; } #toggle{{{1|{{{id|paragraph-folding-third}}}}}}:has(+ #collapsible{{{1|{{{id|paragraph-folding-third}}}}}}:not([style*="display"])) .mw-headline:after { margin-left: 5px; color: #666; font-size: .7em; font-weight: 600; font-family: 'Font Awesome 5 Free'; content: "\f078"; } @media screen and (max-width: 768px) { .paragraph-folding-mobile-anime:active { animation-name: btn-background; animation-duration: .5s; animation-iteration-count: 1; animation-timing-function: steps(1, end); animation-fill-mode: forwards; } } @keyframes btn-background { from { background: blue; background: rgba(0, 0, 255, 0.1); } to { background: inherit; } } }}<div id="toggle{{{1|{{{id|paragraph-folding-third}}}}}}" class="toggleBtn paragraph-folding-mobile-anime" data-target="collapsible{{{1|{{{id|paragraph-folding-third}}}}}}" style="text-align: left;"><h{{{단계|2}}}>{{#if:{{{id|}}}|{{{1|제목}}}|{{{2|제목}}}}}</h{{{단계|2}}}></div><div id="collapsible{{{1|{{{id|paragraph-folding-third}}}}}}"><table style="width: 100%;"><tr><td>{{#if:{{{ts|}}}|{{brbr|-{{{ts|9}}}}}}}</includeonly></onlyinclude> | ||
{{문단접기 틀}} | {{문단접기 틀}} | ||
<pre>{{문단접기3|아이디|제목|단계=}}</pre> | <pre>{{문단접기3|아이디|제목|단계=}}</pre> | ||
| 11번째 줄: | 11번째 줄: | ||
* 문단 단계를 틀 내에서 지정해야 함 | * 문단 단계를 틀 내에서 지정해야 함 | ||
* '''문단이 접혀 있을 때 제목 전체가 반투명해짐''' | * '''문단이 접혀 있을 때 제목 전체가 반투명해짐''' | ||
* '''문단 | * '''문단 부분 편집 불가능''' | ||
* 목차에서 지저분한 기호가 보이지 않음 | * 목차에서 지저분한 기호가 보이지 않음 | ||
* [[틀:pf-c]]가 필요없음{{^^|{{c|crimson|new}}}} | * [[틀:pf-c]]가 필요없음{{^^|{{c|crimson|new}}}} | ||
2024년 11월 26일 (화) 22:02 기준 최신판
| 틀:문단접기3 | |
|---|---|
사용문서
|
|
넘겨주기
|
이동하기
|
| 문단접기 틀 | ||
|---|---|---|
| Ver. 1 | Ver. 2 | Ver. 3 |
{{문단접기3|아이디|제목|단계=}}
문단접기 세 번째 틀입니다. 이번에는 커스텀 애니메이션 접기를 이용해서 만들어 보았습니다.
이전 것들과 비교하여 다음과 같은 특징이 있습니다.
- 문단 번호를 수동으로 지정하지 않아도 됨
- 문단 단계를 틀 내에서 지정해야 함
- 문단이 접혀 있을 때 제목 전체가 반투명해짐
- 문단 부분 편집 불가능
- 목차에서 지저분한 기호가 보이지 않음
- 틀:pf-c가 필요없음new
- 틀:pf3으로 끝을 알려야 함new
| 사용 예제 | ||
|---|---|---|
{{문단접기3|BAC|단계=2|아무거나}}
이건 내용
{{pf3}}
|
아무거나
| |
