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

편집 요약 없음
편집 요약 없음
12번째 줄: 12번째 줄:
|{{#css: .mw-highlight > pre { white-space: pre-wrap; } }}<syntaxhighlight lang="html+handlebars">{{버튼
|{{#css: .mw-highlight > pre { white-space: pre-wrap; } }}<syntaxhighlight lang="html+handlebars">{{버튼
|id=btn-template-test
|id=btn-template-test
|common=display: inline-block; max-width: 400px; width: 100%; margin: 0 auto; padding: 15px; user-select: none; transition: all .1s;
|common=display: inline-block; max-width: 400px; width: 100%; margin: 0 auto; padding: 15px; text-transform: uppercase; user-select: none; transition: all .1s;
|style1=background: red; color: white;
|style1=background: red; color: white;
|style2=background: lime; color: black;
|style2=background: lime; color: black;

2025년 1월 27일 (월) 22:06 판

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

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

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

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

문법 결과
{{버튼
|id=btn-template-test
|common=display: inline-block; max-width: 400px; width: 100%; margin: 0 auto; padding: 15px; text-transform: uppercase; user-select: none; transition: all .1s;
|style1=background: red; color: white;
|style2=background: lime; color: black;
|content=the button turns into green<br>when it is successfully clicked
}}
the button turns into green
when it is successfully clicked
+
김찬 제작 틀
[ A~Z & etc. ]
[ ㄱ~ㅅ ]
[ ㅇ~ㅎ ]
※ 더 이상 사용하지 않거나 사용할 필요가 없는 경우 취소선 처리
※ 일부 극히 단순한 틀은 본 틀 목록에 미포함