틀:버튼: 두 판 사이의 차이

편집 요약 없음
편집 요약 없음
2번째 줄: 2번째 줄:
{{틀 도움}}
{{틀 도움}}
{{넘겨주기|틀=.|btn}}
{{넘겨주기|틀=.|btn}}
<onlyinclude>{{#css: .mw-customtoggle-{{{id|ABC}}} { {{{style2|width: 50px; height: 50px; background: red;}}} } .mw-customtoggle-{{{id|ABC}}}:has(~ #mw-customcollapsible-{{{id|ABC}}}:not([style*="display"])) { {{{style1|width: 50px; height: 50px; background: blue;}}} } }}<div class="mw-customtoggle-{{{id|ABC}}}">{{{content|}}}</div><div id="mw-customcollapsible-{{{id|ABC}}}" class="mw-collapsible"></div></onlyinclude>
<onlyinclude>{{#css: .mw-customtoggle-{{{id|ABC}}} { {{{style2|}}} {{{common|}}} } .mw-customtoggle-{{{id|ABC}}}:has(~ #mw-customcollapsible-{{{id|ABC}}}:not([style*="display"])) { {{{style1|}}} {{{common|}}} } }}<div class="mw-customtoggle-{{{id|ABC}}}">{{{content|}}}</div><div id="mw-customcollapsible-{{{id|ABC}}}" class="mw-collapsible"></div></onlyinclude>
{{#tag:syntaxhighlight|<nowiki>{{버튼|id=아이디|style1=기본 스타일|style2=누른 후 스타일|content=내용}}</nowiki>|lang=html+handlebars}}
{{#tag:syntaxhighlight|<nowiki>{{버튼|id=아이디|style1=기본 스타일|style2=누른 후 스타일|content=내용}}</nowiki>|lang=html+handlebars}}
커스텀 접기를 이용한 누를 때마다 정해둔 스타일이 바뀌는 틀입니다.
커스텀 접기를 이용한 누를 때마다 정해둔 스타일이 바뀌는 틀입니다.

2025년 1월 27일 (월) 21:59 판

:버튼
사용문서
새로고침
넘겨주기
이동하기

 이 틀은 {{btn}}(으)로도 사용할 수 있습니다.

{{버튼|id=아이디|style1=기본 스타일|style2=누른  스타일|content=내용}}

커스텀 접기를 이용한 누를 때마다 정해둔 스타일이 바뀌는 틀입니다.

문법 결과
{{버튼
|id=btn-template-test
|style1=width: 100%; height: 50px; padding-top: 12.5px; background: var(--box--background); color: white; text-align: center; user-select: none;
|style2=width: 100%; height: 50px; padding-top: 12.5px; background: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .5)), linear-gradient(135deg, red, orange, yellow, green, blue, navy, purple); color: black; text-align: center; user-select: none;
|content=BUTTON
}}
BUTTON
+
김찬 제작 틀
[ A~Z & etc. ]
[ ㄱ~ㅅ ]
[ ㅇ~ㅎ ]
※ 더 이상 사용하지 않거나 사용할 필요가 없는 경우 취소선 처리
※ 일부 극히 단순한 틀은 본 틀 목록에 미포함