Dbstudy: 대문 디자인에 맞춰 틀 디자인 개편 (기존 변수 호환)

2026-11-04T05:08:29Z

대문 디자인에 맞춰 틀 디자인 개편 (기존 변수 호환)

← 이전 판		2026년 11월 4일 (수) 14:08 판
1번째 줄:		1번째 줄:
	<div style="~~position~~: ~~inherit~~;		<includeonly><div style="display:inline-flex;align-items:center;gap:7px;margin:14px 0 8px;padding:6px 14px 6px 10px;border:1px solid #d4dfce;border-radius:999px;background:#eef3eb;color:#256448;font-size:13px;font-weight:600;line-height:1.5;"><span class="material-icons-outlined" style="font-size:16px;line-height:1;vertical-align:-4px;color:#256448;" aria-hidden="true">{{{아이콘\|attach_file}}}</span><span>{{{제목\|제목을넣으세요}}}</span></div></includeonly><noinclude>
	~~top~~: ~~100px~~;		<div style="font-size:12px;color:#6c7b72;margin:0 0 12px;">대문 디자인 틀: [[틀:개요\|개요]] · [[틀:타이틀\|타이틀]] · [[틀:타이틀 라운드\|타이틀 라운드]] · [[틀:요점\|요점]] · [[틀:결론\|결론]] · [[틀:중요\|중요]] · [[틀:설명\|설명]] · [[틀:핵심\|핵심]] · [[틀:강조\|강조]] · [[틀:서브\|서브]] · [[틀:SQL\|SQL]] · [[틀:관련글\|관련글]] · [[틀:난이도\|난이도]] · [[틀:평점\|평점]] · [[틀:FAQ\|FAQ]] · [[:분류:디자인 틀\|전체 보기]]</div>
	~~left~~: ~~100px~~;		둥근 알약 모양의 작은 제목. 대문 디자인(초록 계열 팔레트)에 맞춰 개편했으며, 기존 변수는 그대로 사용할 수 있습니다.
	~~width~~: ~~100%~~;
	border: 1px solid ~~{{{보더색\|~~#~~222428}}}~~;		== 사용법 ==
	~~background~~-~~color~~: ~~{{{배경색\|#23272f}}}~~;		<pre>
	~~margin~~: ~~1.0em 0 0.7em~~; ~~padding~~: ~~0.2em 0.2em~~; font-size: ~~1.0em~~; ~~line~~-~~height~~: ~~2.1em; overflow: visible~~; -~~moz-border-radius~~: ~~0.5em; -webkit-border-radius: 0.5em; border-radius: 0~~.~~5em~~;"><i class="material-icons ~~icon~~-~~image-preview~~"		{{타이틀 라운드\|제목=참고 자료\|아이콘=menu_book}}
	style="~~display~~: ~~inline~~-~~block~~; ~~transform~~: ~~translate(~~-~~10%, 20%)~~; color: {{{~~아이콘색색~~\|~~#ffa500~~}}};">~~ ~~{{{~~아이콘~~\|~~attach_file~~}}}</i><~~font~~ style="color: {{~~{폰트색~~\|~~#fffafa}~~}}">{{{제목\|~~제목을넣으세요}~~}}</~~font></div~~>		</pre>

			== 변수 ==
			{\| class="wikitable"
			! 변수 !! 설명 !! 기본값
			\|-
			\| <code>제목</code> \|\| 제목 문구 \|\| 제목을넣으세요
			\|-
			\| <code>아이콘</code> \|\| Material 아이콘 이름 \|\| attach_file
			\|}

			== 미리보기 ==
			{{타이틀 라운드\|제목=참고 자료\|아이콘=menu_book}}

			[[분류:틀]]
			[[분류:디자인 틀]]
			</noinclude>

2025년 7월 1일 (화) 12:44에 Dbstudy님의 편집

2025-07-01T12:44:33Z

← 이전 판		2025년 7월 1일 (화) 21:44 판
3번째 줄:		3번째 줄:
	left: 100px;		left: 100px;
	width: 100%;		width: 100%;
	border: 1px solid {{{보더색\|#~~808080~~}}};		border: 1px solid {{{보더색\|#222428}}};
	background-color: {{{배경색\|#~~808080~~}}};		background-color: {{{배경색\|#23272f}}};
	margin: 1.0em 0 0.7em; padding: 0.2em 0.2em; font-size: 1.0em; line-height: 2.1em; overflow: visible; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; border-radius: 0.5em;"><i class="material-icons icon-image-preview"		margin: 1.0em 0 0.7em; padding: 0.2em 0.2em; font-size: 1.0em; line-height: 2.1em; overflow: visible; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; border-radius: 0.5em;"><i class="material-icons icon-image-preview"
	style="display: inline-block; transform: translate(-10%, 20%); color: {{{아이콘색색\|#ffa500}}};"> {{{아이콘\|attach_file}}}</i><font style="color: {{{폰트색\|#fffafa}}}">{{{제목\|제목을넣으세요}}}</font></div>		style="display: inline-block; transform: translate(-10%, 20%); color: {{{아이콘색색\|#ffa500}}};"> {{{아이콘\|attach_file}}}</i><font style="color: {{{폰트색\|#fffafa}}}">{{{제목\|제목을넣으세요}}}</font></div>

틀:타이틀 라운드 - 편집 역사

Dbstudy: 대문 디자인에 맞춰 틀 디자인 개편 (기존 변수 호환)

2025년 7월 1일 (화) 12:44에 Dbstudy님의 편집

Oracle: 새 문서: