틀:타이틀: 두 판 사이의 차이

2026년 11월 4일 (수) 14:08 기준 최신판

대문 디자인 틀: 개요 · 타이틀 · 타이틀 라운드 · 요점 · 결론 · 중요 · 설명 · 핵심 · 강조 · 서브 · SQL · 관련글 · 난이도 · 평점 · FAQ · 전체 보기

아이콘이 붙은 소제목 바. 대문 디자인(초록 계열 팔레트)에 맞춰 개편했으며, 기존 변수는 그대로 사용할 수 있습니다.

사용법

{{타이틀|제목=실행계획 확인하기|아이콘이름=query_stats}}

변수

변수	설명	기본값
`제목`	제목 문구	스타일리쉬 타이틀바
`아이콘이름`	Material 아이콘 이름	notifications_active
`폰트크기`	글자 크기(pt). 비우면 20px

미리보기

실행계획 확인하기

@@ 1번째 줄: / 1번째 줄: @@
-<div style="
+<includeonly><div style="display:flex;align-items:center;gap:10px;border-bottom:1px solid #dde4dc;padding:0 0 10px;margin:28px 0 14px;color:#20382e;font-size:{{#if:{{{폰트크기|}}}|{{{폰트크기}}}pt|20px}};font-weight:650;line-height:1.4;letter-spacing:-0.5px;"><span style="display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:0 0 32px;border-radius:7px;background:#eef3eb;"><span class="material-icons-outlined" style="font-size:19px;line-height:1;vertical-align:-4px;color:#256448;" aria-hidden="true">{{{아이콘이름|notifications_active}}}</span></span><span>{{{제목|스타일리쉬 타이틀바}}}</span></div></includeonly><noinclude>
- border:solid 1px #cccccc;
+<div style="font-size:12px;color:#6c7b72;margin:0 0 12px;">대문 디자인 틀: [[틀:개요|개요]] · [[틀:타이틀|타이틀]] · [[틀:타이틀 라운드|타이틀 라운드]] · [[틀:요점|요점]] · [[틀:결론|결론]] · [[틀:중요|중요]] · [[틀:설명|설명]] · [[틀:핵심|핵심]] · [[틀:강조|강조]] · [[틀:서브|서브]] · [[틀:SQL|SQL]] · [[틀:관련글|관련글]] · [[틀:난이도|난이도]] · [[틀:평점|평점]] · [[틀:FAQ|FAQ]] · [[:분류:디자인 틀|전체 보기]]</div>
- background: -webkit-linear-gradient(white, #ececec); /* For Safari 5.1 to 6.0 */
+아이콘이 붙은 소제목 바. 대문 디자인(초록 계열 팔레트)에 맞춰 개편했으며, 기존 변수는 그대로 사용할 수 있습니다.
- background: -o-linear-gradient(white, #ececec); /* For Opera 11.1 to 12.0 */
- background: -moz-linear-gradient(white, #ececec); /* For Firefox 3.6 to 15 */
- background: linear-gradient(white, #ececec); /* Standard syntax */
- padding: 1px 10px 10px 0px;
- line-height:100%;
- color:#489cdf;
- font-weight:700;
- font-family: Tahoma, 맑은 고딕,돋움체;
- font-size:{{{폰트크기|12}}}pt;
- "> <font color="{{글자색깔|#489cdf}}"><i class="material-icons icon-image-preview"
-style="
-    display: inline-block;
-    transform: translate(-10%, 20%);
-    "
->&nbsp;{{{아이콘이름|notifications_active}}}</i></font>{{{제목|스타일리쉬 타이틀바}}}
-</div>
+== 사용법 ==
+<pre>
+{{타이틀|제목=실행계획 확인하기|아이콘이름=query_stats}}
+</pre>
+== 변수 ==
+{| class="wikitable"
+! 변수 !! 설명 !! 기본값
+|-
+| <code>제목</code> || 제목 문구 || 스타일리쉬 타이틀바
+|-
+| <code>아이콘이름</code> || Material 아이콘 이름 || notifications_active
+|-
+| <code>폰트크기</code> || 글자 크기(pt). 비우면 20px ||
+|}
+== 미리보기 ==
+{{타이틀|제목=실행계획 확인하기|아이콘이름=query_stats}}
+[[분류:틀]]
+[[분류:디자인 틀]]
+</noinclude>