틀:관련글 - 편집 역사

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

2026-11-04T05:08:32Z

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

← 이전 판		2026년 11월 4일 (수) 14:08 판
1번째 줄:		1번째 줄:
	<div style="		<includeonly><div style="border:1px solid #dde4dc;border-radius:8px;background:#ffffff;margin:20px 0;color:#20382e;overflow:hidden;">{{#if:{{{이전\|{{{이전글\|}}}}}}\|<div style="display:flex;align-items:center;gap:12px;padding:10px 16px;font-size:13px;line-height:1.6;"><span class="material-icons-outlined" style="font-size:18px;line-height:1;vertical-align:-4px;color:#8b9c8c;" aria-hidden="true">{{{아이콘이름1\|arrow_back}}}</span><span style="min-width:44px;font-size:11px;font-weight:600;letter-spacing:0.99px;color:#256448;">이전 글</span><span style="flex:1;min-width:0;">{{{이전\|{{{이전글\|}}}}}}</span></div>}}{{#if:{{{이전\|{{{이전글\|}}}}}}\|{{#if:{{{다음\|{{{다음글\|}}}}}}\|<div style="border-top:1px solid #dde4dc;"></div>}}}}{{#if:{{{다음\|{{{다음글\|}}}}}}\|<div style="display:flex;align-items:center;gap:12px;padding:10px 16px;font-size:13px;line-height:1.6;"><span class="material-icons-outlined" style="font-size:18px;line-height:1;vertical-align:-4px;color:#8b9c8c;" aria-hidden="true">{{{아이콘이름2\|arrow_forward}}}</span><span style="min-width:44px;font-size:11px;font-weight:600;letter-spacing:0.99px;color:#256448;">다음 글</span><span style="flex:1;min-width:0;">{{{다음\|{{{다음글\|}}}}}}</span></div>}}</div></includeonly><noinclude>
	background-color: {{{~~배경색~~\|~~#f0f4f8~~}}}; ~~/* Very light blue~~-~~gray */~~		<div style="font-size:12px;color:#6c7b72;margin:0 0 12px;">대문 디자인 틀: [[틀:개요\|개요]] · [[틀:타이틀\|타이틀]] · [[틀:타이틀 라운드\|타이틀 라운드]] · [[틀:요점\|요점]] · [[틀:결론\|결론]] · [[틀:중요\|중요]] · [[틀:설명\|설명]] · [[틀:핵심\|핵심]] · [[틀:강조\|강조]] · [[틀:서브\|서브]] · [[틀:SQL\|SQL]] · [[틀:관련글\|관련글]] · [[틀:난이도\|난이도]] · [[틀:평점\|평점]] · [[틀:FAQ\|FAQ]] · [[:분류:디자인 틀\|전체 보기]]</div>
	~~border~~-~~left~~: ~~5px solid~~ {{{~~왼쪽바색~~\|~~#007bff~~}}}; ~~/* Primary blue for accent */~~		이전 글 / 다음 글 내비게이션. 대문 디자인(초록 계열 팔레트)에 맞춰 개편했으며, 기존 변수는 그대로 사용할 수 있습니다.
	~~border~~-~~radius~~: ~~5px~~;
	~~padding~~: ~~15px 20px~~;		== 사용법 ==
	~~margin~~-~~bottom~~: 1~~.5em~~;		<pre>
	~~font~~-~~family~~: {{{폰트\|~~'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans~~-~~serif~~}}};		{{관련글\|이전글=[[SQL 튜닝 입문]]\|다음글=[[인덱스 튜닝 심화]]}}
	line-height: 1.6;		</pre>
	color: #~~333~~;">
	<~~div~~ style="		== 변수 ==
	font-weight: 600;		{\| class="wikitable"
	~~font~~-~~size~~: 1.~~55em~~;		! 변수 !! 설명 !! 기본값
	color: {{{색\|~~#0056b3~~}}}; /~~* Darker blue for title *~~/		\|-
	margin~~-bottom~~: ~~8px~~;		\| <code>이전 / 이전글</code> \|\| 이전 글 (링크 권장) \|\|
	">		\|-
	{{~~{이전~~\|이전글}}}		\| <code>다음 / 다음글</code> \|\| 다음 글 \|\|
	</br>		\|-
	{{{다음\|다음글~~}}}~~		\| <code>아이콘이름1 / 아이콘이름2</code> \|\| 각 줄 아이콘 \|\| arrow_back / arrow_forward
	</~~div~~>		\|}
	</~~div~~>
	</~~div~~>		== 미리보기 ==
			{{관련글\|이전글=[[SQL 튜닝 입문]]\|다음글=[[인덱스 튜닝 심화]]}}

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

2025년 7월 1일 (화) 11:07에 Oracle님의 편집

2025-07-01T11:07:02Z

← 이전 판		2025년 7월 1일 (화) 20:07 판
8번째 줄:		8번째 줄:
	line-height: 1.6;		line-height: 1.6;
	color: #333;">		color: #333;">
	~~{{{제목\|관련글}}}~~
	<div style="		<div style="
	font-weight: 600;		font-weight: 600;

2025년 7월 1일 (화) 11:05에 Oracle님의 편집

2025-07-01T11:05:17Z

← 이전 판		2025년 7월 1일 (화) 20:05 판
8번째 줄:		8번째 줄:
	line-height: 1.6;		line-height: 1.6;
	color: #333;">		color: #333;">
	<div style="		{{{제목\|관련글}}}
			<div style="
	font-weight: 600;		font-weight: 600;
	font-size: 1.55em;		font-size: 1.55em;
	color: {{{색\|#0056b3}}}; /* Darker blue for title */		color: {{{색\|#0056b3}}}; /* Darker blue for title */
	margin-bottom: 8px;		margin-bottom: 8px;
	">		">
	~~{{{제목\|관련글}}}~~
	~~<div style="font-size: 1.30em;>~~
	{{{이전\|이전글}}}		{{{이전\|이전글}}}
	</~~div>~~		</br>
	~~<div style="font-size: 1.30em;~~>
	{{{다음\|다음글}}}		{{{다음\|다음글}}}
	</div>		</div>
	</div>		</div>
	</div>		</div>

2025년 7월 1일 (화) 10:49에 Oracle님의 편집

2025-07-01T10:49:38Z

← 이전 판		2025년 7월 1일 (화) 19:49 판
10번째 줄:		10번째 줄:
	<div style="		<div style="
	font-weight: 600;		font-weight: 600;
	font-size: 1.~~15em~~;		font-size: 1.55em;
	color: {{{색\|#0056b3}}}; /* Darker blue for title */		color: {{{색\|#0056b3}}}; /* Darker blue for title */
	margin-bottom: 8px;		margin-bottom: 8px;

2025년 7월 1일 (화) 10:49에 Oracle님의 편집

2025-07-01T10:49:05Z

← 이전 판		2025년 7월 1일 (화) 19:49 판
17번째 줄:		17번째 줄:
	<div style="font-size: 1.30em;>		<div style="font-size: 1.30em;>
	{{{이전\|이전글}}}		{{{이전\|이전글}}}
			</div>
			<div style="font-size: 1.30em;>
	{{{다음\|다음글}}}		{{{다음\|다음글}}}
	</div>		</div>
	</div>		</div>
	</div>		</div>

2025년 7월 1일 (화) 10:48에 Oracle님의 편집

2025-07-01T10:48:12Z

← 이전 판		2025년 7월 1일 (화) 19:48 판
1번째 줄:		1번째 줄:
	<div style="		<div style="
	background-color: #~~f8f9fa~~;		background-color: {{{배경색\|#f0f4f8}}}; /* Very light blue-gray */
	border: ~~1px~~ solid #~~e0e6ed~~;		border-left: 5px solid {{{왼쪽바색\|#007bff}}}; /* Primary blue for accent */
	border-radius: ~~8px~~;		border-radius: 5px;
	padding: ~~18px 25px~~;		padding: 15px 20px;
	margin-bottom: 1.5em;		margin-bottom: 1.5em;
	~~box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);~~		font-family: {{{폰트\|'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif}}};
	font-family: 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
	~~font-size: 16px~~;
	line-height: 1.6;		line-height: 1.6;
	color: #~~343a40~~;		color: #333;">
	">
	<div style="		<div style="
	font-weight: 600;		font-weight: 600;
	font-size: 1.~~5em~~;		font-size: 1.15em;
	color: #~~2c7be5~~; /* ~~Modern~~ blue ~~accent~~ */		color: {{{색\|#0056b3}}}; /* Darker blue for title */
	margin-bottom: ~~10px;~~		margin-bottom: 8px;
	~~padding-bottom: 5px;~~
	~~border-bottom: 1px solid #e9ecef~~;
	">		">
			{{{제목\|관련글}}}
	<div style="font-size: 1.~~55em~~;">		<div style="font-size: 1.30em;>
	~~이전글 :~~ {{{이전\|이전글}}}		{{{이전\|이전글}}}
			{{{다음\|다음글}}}
			</div>
	</div>		</div>
	~~<div style="font-size: 1.55em;">~~
	~~다음글 : {{{다음\|다음글}}}~~
	~~</div>~~
	~~</div>~~
	</div>		</div>

2025년 7월 1일 (화) 10:35에 Oracle님의 편집

2025-07-01T10:35:46Z

← 이전 판		2025년 7월 1일 (화) 19:35 판
13번째 줄:		13번째 줄:
	<div style="		<div style="
	font-weight: 600;		font-weight: 600;
	font-size: 1.~~35em~~;		font-size: 1.5em;
	color: #2c7be5; /* Modern blue accent */		color: #2c7be5; /* Modern blue accent */
	margin-bottom: 10px;		margin-bottom: 10px;
19번째 줄:		19번째 줄:
	border-bottom: 1px solid #e9ecef;		border-bottom: 1px solid #e9ecef;
	">		">
	이전글 : {{{이전\|이전글}}}
			<div style="font-size: 1.55em;">
			이전글 : {{{이전\|이전글}}}
	</div>		</div>
	<div style="font-size: 1.~~95em~~;">		<div style="font-size: 1.55em;">
	다음글 : {{{다음\|다음글}}}		다음글 : {{{다음\|다음글}}}
	</div>		</div>
			</div>
	</div>		</div>

2025년 6월 30일 (월) 16:08에 Dbstudy님의 편집

2025-06-30T16:08:41Z

← 이전 판		2025년 7월 1일 (화) 01:08 판
7번째 줄:		7번째 줄:
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
	font-family: 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;		font-family: 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
			font-size: 16px;
	line-height: 1.6;		line-height: 1.6;
	color: #343a40;		color: #343a40;

2025년 6월 30일 (월) 15:58에 Dbstudy님의 편집

2025-06-30T15:58:28Z

← 이전 판		2025년 7월 1일 (화) 00:58 판
12번째 줄:		12번째 줄:
	<div style="		<div style="
	font-weight: 600;		font-weight: 600;
	font-size: 1.~~25em~~;		font-size: 1.35em;
	color: #2c7be5; /* Modern blue accent */		color: #2c7be5; /* Modern blue accent */
	margin-bottom: 10px;		margin-bottom: 10px;
20번째 줄:		20번째 줄:
	이전글 : {{{이전\|이전글}}}		이전글 : {{{이전\|이전글}}}
	</div>		</div>
	<div style="font-size: 0.95em;">		<div style="font-size: 1.95em;">
	다음글 : {{{다음\|다음글}}}		다음글 : {{{다음\|다음글}}}
	</div>		</div>
	</div>		</div>

2025년 6월 30일 (월) 15:40에 Dbstudy님의 편집

2025-06-30T15:40:28Z

← 이전 판		2025년 7월 1일 (화) 00:40 판
18번째 줄:		18번째 줄:
	border-bottom: 1px solid #e9ecef;		border-bottom: 1px solid #e9ecef;
	">		">
	{{{이전\|이전글}}}		이전글 : {{{이전\|이전글}}}
	</div>		</div>
	<div style="font-size: 0.95em;">		<div style="font-size: 0.95em;">
	{{{다음\|다음글}}}		다음글 : {{{다음\|다음글}}}
	</div>		</div>
	</div>		</div>