연습장:Kimchan/메모

시각위키텍스트

2023년 5월 18일 (목) 13:08 판 (원본 보기) Kimchan (토론 | 기여) (→‎단위) ← 이전 편집		2023년 5월 21일 (일) 14:18 판 (원본 보기) Kimchan (토론 | 기여) 편집 요약 없음 다음 편집 →
161번째 줄:		161번째 줄:
	== 문법 ==		== 문법 ==
	* '''유튜브'''		* '''유튜브'''
	<pre>{|{{style|class=wiki|max-width=400px|border=색깔}}		<pre style="user-select: all;">{|{{style|class=wiki|max-width=400px|border=색깔}}
	|-		|-
	|<div style="margin: -0.3rem -0.6rem -9.5px;">{{Youtube|아이디|분류제외=분류제외}}</div>		|<div style="margin: -0.3rem -0.6rem -9.5px;">{{Youtube|아이디|분류제외=분류제외}}</div>
170번째 줄:		170번째 줄:
	=== 접기 ===		=== 접기 ===
	* '''관련 둘러보기 틀'''		* '''관련 둘러보기 틀'''
	<pre>{{namuabout kimchan|id=아이디|border=테두리|bg=배경색|제목색=제목색|제목=제목		<pre style="user-select: all;">{{namuabout kimchan|id=아이디|border=테두리|bg=배경색|제목색=제목색|제목=제목
	|틀1=틀이름		|틀1=틀이름
	|틀2=틀이름		|틀2=틀이름
188번째 줄:		188번째 줄:
	== 템플릿 ==		== 템플릿 ==
	=== 틀 문서 ===		=== 틀 문서 ===
	{{나무접기2|id=template-doc|<pre>{{namucat}}		{{나무접기2|id=template-doc|<pre style="user-select: all;">{{namucat}}
	{{틀 도움}}		{{틀 도움}}
	== 틀 본문 ==		== 틀 본문 ==
201번째 줄:		201번째 줄:
	=== [[아이펠루스]] ===		=== [[아이펠루스]] ===
	{{나무접기2|id=eipellus-character-profile-table|title=[ 등장인물 ]|<pre>{{namucat}}		{{나무접기2|id=eipellus-character-profile-table|title=[ 등장인물 ]|<pre style="user-select: all;">{{namucat}}
	{|class="wikitable" style="max-width: 410px; float: right; border: 2px solid #e1e8ed;"		{|class="wikitable" style="max-width: 410px; float: right; border: 2px solid #e1e8ed;"
	|-		|-
266번째 줄:		266번째 줄:
	=== [[칠성고]] ===		=== [[칠성고]] ===
	{{나무접기2|id=chilsung-character-profile-table|title=[ 등장인물 ]|<pre>{{namucat}}		{{나무접기2|id=chilsung-character-profile-table|title=[ 등장인물 ]|<pre style="user-select: all;">{{namucat}}
	{|class="wikitable" style="max-width: 410px; float: right; border: 2px solid #00beff;"		{|class="wikitable" style="max-width: 410px; float: right; border: 2px solid #00beff;"
	|-		|-
315번째 줄:		315번째 줄:
	{{각주}}</pre>}}		{{각주}}</pre>}}
	{{나무접기2|id=chilsung-teambot-season-template|title=[ 팀봇 시즌 ]|<pre>{|class="wikitable" style="max-width: 750px; margin: 0 auto; border: 2px solid #00beff; text-align: center;"		{{나무접기2|id=chilsung-teambot-season-template|title=[ 팀봇 시즌 ]|<pre style="user-select: all;">{|class="wikitable" style="max-width: 750px; margin: 0 auto; border: 2px solid #00beff; text-align: center;"
	|-		|-
	!colspan="5" style="background: #00beff;"|[[:분류:칠성고등학교/시즌|{{c|white|팀봇 시즌}}]]		!colspan="5" style="background: #00beff;"|[[:분류:칠성고등학교/시즌|{{c|white|팀봇 시즌}}]]
358번째 줄:		358번째 줄:
	=== [[퇴귀야담]] ===		=== [[퇴귀야담]] ===
	{{나무접기2|id=xhlrnldieka-character-profile-table|title=[ 등장인물 ]|<pre>{{namucat}}		{{나무접기2|id=xhlrnldieka-character-profile-table|title=[ 등장인물 ]|<pre style="user-select: all;">{{namucat}}
	{|class="wikitable" style="max-width: 410px; float: right; border: 2px solid #2a2a2a;"		{|class="wikitable" style="max-width: 410px; float: right; border: 2px solid #2a2a2a;"
	|-		|-
408번째 줄:		408번째 줄:
	=== [[무도학당]] ===		=== [[무도학당]] ===
	{{나무접기2|id=mudohakdang-character-profile-table|title=[ 등장인물 ]|<pre>{{namucat}}		{{나무접기2|id=mudohakdang-character-profile-table|title=[ 등장인물 ]|<pre style="user-select: all;">{{namucat}}
	{|class="wikitable" style="max-width: 410px; float: right; border: 2px solid #dcdcdc;"		{|class="wikitable" style="max-width: 410px; float: right; border: 2px solid #dcdcdc;"
	|-		|-
463번째 줄:		463번째 줄:
	=== [[프로젝트 느와르]] ===		=== [[프로젝트 느와르]] ===
	{{나무접기2|id=project-noir-character-profile-table|title=[ 등장인물 ]|<pre>{{namucat}}		{{나무접기2|id=project-noir-character-profile-table|title=[ 등장인물 ]|<pre style="user-select: all;">{{namucat}}
	{|class="wikitable" style="max-width: 400px; float: right; border: 2px solid black;"		{|class="wikitable" style="max-width: 400px; float: right; border: 2px solid black;"
	|-		|-

---

2023년 5월 21일 (일) 14:18 판

분류:

김찬/연습장

김찬 연습장
연습장
메모			낙서			노트			연구			팁			공부			모듈
틀							CSS							Lua

유용한 사이트

• Color Picker online - 첨부한 이미지에서 색을 추출하여 헥스 코드를 알 수 있음.
• ChatGPT - 장난 같겠지만 얘한테 HTML CSS에 관해 물어 보면 어느 정도 참고할 수 있는 정보는 제공해 줌.
• 위키백과/미디어위키/리브레위키 - 같은 엔진과 문법을 쓰는 만큼 도움말에서 참고할 정보가 무지 많음.
• 나무위키 - 엔진과 문법은 다르지만 디자인 면에서 참고할 수 있음.

색

색	헥스 코드	설명
기본 색
	#373a3c	제이위키 기본 글자 색 → 예시
	#f5f8fa	제이위키 테이블 헤더 기본 배경 색
	#e1e8ed	제이위키 테이블 기본 테두리 색, 기본 수평줄 색
	#337ab7	제이위키 하이퍼링크 기본 색 → 예시
	#ba0000	제이위키 하이퍼링크(없는 문서) 기본 색 → 예시
	#33b733	제이위키 하이퍼링크(외부 링크) 기본 색 → 예시
	#333333	위키독 기본 글자 색
	#dcdcdc	위키독 테이블 기본 테두리 색
	#bfbfbf	위키독 기본 수평줄 색
	#373a3c	나무위키 기본 글자 색
	#ec9f19	나무위키 다크모드 하이퍼링크 색 → 예시
상징색
	#ffc800	아이펠루스, 세이넬 아르젠베르크 상징색
	#0055fe	제국 기사단 상징색
	#cdeef0	성기사단 상징색
	#ffda2f	로셰리아교, 교황 등 상징색
	#00beff	칠성고등학교 상징색
	#2a2a2a	퇴귀야담 상징색
	#a600c4	추기경 상징색 (자주 쓰는 보라색)
	#7f00ff	인챈토레스트, 정령 상징색
	#cccc00	헤리스카룬 상징색
	#005000	알테어룸 상징색
	#a72c3e	드래곤 상징색
기타
	#a600c4	자주 쓰는 보라색 (추기경 상징색)
	#ff6600	자주 쓰는 주황색

HTML 색 이름

[ HTML 색 이름 ] 출처 (2023년 이후 접속 불가) 표에서 바로가기 RED PINK ORANGE YELLOW PURPLE GREEN BLUE BROWN WHITE GRAY 색 헥스 코드 색 이름 color, background 등 색깔을 입력할 때 헥스코드 대신 아래의 색 이름을 입력하면 해당하는 색깔로 인식됩니다. RED #cd5c5c indianred #f08080 lightcoral #fa8072 salmon #e9967a darksalmon #ffa07a lightsalmon #dc143c crimson #ff0000 red #b22222 firebrick #bb0000 darkred PINK #ffc0cb pink #ffb6c1 lightpink #ff69b4 hotpink #ff1493 deeppink #c71585 mediumvioletred #db7093 palevioletred ORANGE #ffa07a lightsalmon #ff7f50 coral #ff6347 tomato #ff4500 orangered #ff8c00 darkorange #ffa500 orange YELLOW #ffd700 gold #ffff00 yellow #ffffe0 lightyellow #fffacd lemonchiffon #fafad2 lightgoldenrodyellow #ffefd5 papayawhip #ffe4b5 moccasin #ffdab9 peachpuff #eee8aa palegoldenrod #f0e68c khaki #bdb76b darkkhaki PURPLE #e6e6fa lavender #d8bfd8 thistle #dda0dd plum #ee82ee violet #da70d6 orchid #ff00ff fuchsia #ff00ff magenta #ba55d3 mediumorchid #9370db mediumpurple #663399 rebeccapurple #8a2be2 blueviolet #9400d3 darkviolet #9932cc darkorchid #8b008b darkmagenta #800080 purple #4b0082 indigo #6a5acd slateblue #483d8b darkslateblue #7b68ee mediumslateblue GREEN #adff2f greenyellow #7fff00 chartreuse #7cfc00 lawngreen #00ff00 lime #32cd32 limegreen #98fb98 palegreen #90ee90 lightgreen #00fa9a mediumspringgreen #00ff7f springgreen #3cb371 mediumseagreen #2e8b57 seagreen #228b22 forestgreen #008000 green #006400 darkgreen #9acd32 yellowgreen #6b8e23 olivedrab #808000 olive #556b2f darkolivegreen #66cdaa mediumaquamarine #8fbc8f darkseagreen #20b2aa lightseagreen #008b8b darkcyan #008080 teal BLUE #00ffff aqua #00ffff cyan #e0ffff lightcyan #afeeee paleturquoise #7fffd4 aquamarine #40e0d0 turquoise #48d1cc mediumturquoise #00ced1 darkturquoise #5f9ea0 cadetblue #4682b4 steelblue #b0c4de lightsteelblue #b0e0e6 powderblue #add8e6 lightblue #87ceeb skyblue #87cefa lightskyblue #00bfff deepskyblue #1e90ff dodgerblue #6495ed cornflowerblue #7b68ee mediumslateblue #4169e1 royalblue #0000ff blue #0000cd mediumblue #00008b darkblue #000080 navy #191970 midnightblue BROWN #fff8dc cornsilk #ffebcd blanchedalmond #ffe4c4 bisque #ffdead navajowhite #f5deb3 wheat #deb887 burlywood #d2b48c tan #bc8f8f rosybrown #f4a460 sandybrown #daa520 goldenrod #b8860b darkgoldenrod #cd853f peru #d2691e chocolate #8b4513 saddlebrown #a0522d sienna #a52a2a brown #800000 maroon WHITE #ffffff white #fffafa snow #f0fff0 honeydew #f5fffa mintcream #f0ffff azure #f0f8ff aliceblue #f8f8ff ghostwhite #f5f5f5 whitesmoke #fff5ee seashell #f5f5dc beige #fdf5e6 oldlace #fffaf0 floralwhite #fffff0 ivory #faebd7 antiquewhite #faf0e6 linen #fff0f5 lavenderblush #ffe4e1 mistyrose GRAY #dcdcdc gainsboro #d3d3d3 lightgray #c0c0c0 silver #a9a9a9 darkgray #808080 gray #696969 dimgray #778899 lightslategray #708090 slategray #2f4f4f darkslategray #000000 black

단위

1rem = 15px = 11.25pt

${\text{1rem = 15px = 11.25pt}}$

1px = 0.02645833cm

${\text{1px = 0.02645833cm}}$

1em = 14.4px = 10.8pt

${\text{1em = 14.4px = 10.8pt}}$

기본값

margin
0.8rem 0	wikitable 표
12px 0
0.5rem 0 0.5rem 1.6rem	<ul>
0.3em 0 0 3.2em	<ol>
padding
0.3rem 0.6rem	wikitable 표 칸 내부
4.5px 9px
font-size
0.96rem	글씨 크기
14.4px
10.8pt

문법

• 유튜브

{|{{style|class=wiki|max-width=400px|border=색깔}}
|-
|<div style="margin: -0.3rem -0.6rem -9.5px;">{{Youtube|아이디|분류제외=분류제외}}</div>
|-
!{{style|bg=색깔|color=색깔}}|내용
|}

접기

• 관련 둘러보기 틀

{{namuabout kimchan|id=아이디|border=테두리|bg=배경색|제목색=제목색|제목=제목
|틀1=틀이름
|틀2=틀이름
…
|틀20=틀이름}}

클래스 종류

• 테이블
  • wikitable
    가장 기본적인 형태의 테이블 레이아웃
  • infobox
    모서리를 둥글게 처리한 레이아웃
• div와 span
  • mw-collapsible
    미디어위키 기본 접기
  • mw-customtoggle-클래스명
    커스텀 접기
  • mw-collapsed
    접기를 기본적으로 접음
  • toccolours

템플릿

틀 문서

[ 펼치기 · 접기 ]

{{namucat}}
{{틀 도움}}
== 틀 본문 ==
<onlyinclude><includeonly></includeonly></onlyinclude>

== 설명 ==

== 사용법 ==

== 둘러보기 ==
{{김찬 제작 틀}}

아이펠루스

[ 등장인물 ]

{{namucat}}
{|class="wikitable" style="max-width: 410px; float: right; border: 2px solid #e1e8ed;"
|-
!colspan="2" style="background: #f5f8fa;"|{{c|black|인물이명<br>{{fontsize|14|인물이름}}<br>인물원어}}
|-
|colspan="2"|<div style="margin: -4.5px -9px;">[[파일:빈 이미지.png|1000px|link=]]</div>
|-
!style="width: 30%; background: #f5f8fa;"|{{c|black|이명}}
|이명
|-
!style="background: #f5f8fa;"|[[종족 (아이펠루스)|{{c|black|종족}}]]
|종족
|-
!style="background: #f5f8fa;"|{{c|black|성별}}
|성별
|-
!style="background: #f5f8fa;"|{{c|black|나이}}
|나이
|-
!style="background: #f5f8fa;"|{{c|black|신체}}
|신체
|-
!style="background: #f5f8fa;"|{{c|black|출신}}
|출신
|-
!style="background: #f5f8fa;"|{{c|black|소속}}
|소속
|-
!style="background: #f5f8fa;"|{{c|black|직책}}
|직책
|-
!style="background: #f5f8fa;"|{{c|black|비고}}
|비고
|}
{{목차}}
== 개요 ==
{{스탯
|정렬=
|색깔=
|글자색=
|체력=
|정신력=
|면역력=
|공격력=
|방어력=
|근력=
|순발력=
|무력=
|마력=
|성력=
|지력=
|테두리=테두리
|비고=}}

== 상세 ==

== 인간 관계 ==

== 전투력 ==

== 기타 ==

{{각주}}

칠성고

[ 등장인물 ]

{{namucat}}
{|class="wikitable" style="max-width: 410px; float: right; border: 2px solid #00beff;"
|-
!colspan="2" style="background: #00beff;"|{{c|white|{{fontsize|14|인물이름한글}}<br>영문명or한문명}}
|-
|colspan="2"|<div style="margin: -4.5px -9px;">[[파일:빈 이미지.png|1000px|link=]]</div>
|-
!style="width: 30%; background: #00beff;"|{{c|white|본명}}
|본명
|-
!style="width: 30%; background: #00beff;"|{{c|white|다른 이름}}
|다른이름
|-
!style="background: #00beff;"|{{c|white|나이}}
|나이
|-
!style="background: #00beff;"|{{c|white|성별}}
|성별
|-
!style="background: #00beff;"|{{c|white|신체}}
|신체
|-
!style="background: #00beff;"|{{c|white|능력}}
|능력
|-
!style="background: #00beff;"|{{c|white|소속}}
|소속
|-
!style="background: #00beff;"|{{c|white|직책}}
|직책
|-
!style="background: #00beff;"|{{c|white|관련 인물}}
|관련인물
|}
{{목차}}
== 개요 ==

== 상세 ==

== 작중 행적 ==

== 인간 관계 ==

== 능력 ==

== 기타 ==

{{각주}}

[ 팀봇 시즌 ]

{|class="wikitable" style="max-width: 750px; margin: 0 auto; border: 2px solid #00beff; text-align: center;"
|-
!colspan="5" style="background: #00beff;"|[[:분류:칠성고등학교/시즌|{{c|white|팀봇 시즌}}]]
|-
|style="width: 30%;"|[[칠성고등학교 시즌 |시즌 ]]
|rowspan="2" style="width: 5%;"|←
|style="width: 30%;"|[[칠성고등학교 시즌 |시즌 ]]
|rowspan="2" style="width: 5%;"|→
|style="width: 30%;"|[[칠성고등학교 시즌 |시즌 ]]
|-
|<div style="margin: -6px 0px;">[[칠성고등학교 시즌 /줄거리|{{fontsize|9|줄거리}}]]</div>
|<div style="margin: -6px 0px;">[[칠성고등학교 시즌 /줄거리|{{fontsize|9|줄거리}}]]</div>
|<div style="margin: -6px 0px;">[[칠성고등학교 시즌 /줄거리|{{fontsize|9|줄거리}}]]</div>
|-
|colspan="5"|{{펼접|id=chilsung-teambot-all-season}}
|-
!colspan="9" style="background: #dcdcdc;"|{{c|black|시간 순서}}
|-
|style="width: 16%;"|[[칠성고등학교 외전: 忘雄|외전: 忘雄]]
|style="width: 5%;"|→
|style="width: 16%;"|[[칠성고등학교 시즌 1|시즌 1]]
|style="width: 5%;"|→
|style="width: 16%;"|[[칠성고등학교 시즌 2|시즌 2]]
|style="width: 5%;"|→
|style="width: 16%;"|[[칠성고등학교 시즌 3|시즌 3]]
|style="width: 5%;"|→
|style="width: 16%;"|[[칠성고등학교 시즌 4: Finale|시즌 4: Finale]]
|-
!colspan="9" style="background: #dcdcdc;"|{{c|black|개장 순서}}
|-
|style="width: 16%;"|[[칠성고등학교 시즌 1|시즌 1]]
|style="width: 5%;"|→
|style="width: 16%;"|[[칠성고등학교 시즌 2|시즌 2]]
|style="width: 5%;"|→
|style="width: 16%;"|[[칠성고등학교 시즌 3|시즌 3]]
|style="width: 5%;"|→
|style="width: 16%;"|[[칠성고등학교 외전: 忘雄|외전: 忘雄]]
|style="width: 5%;"|→
|style="width: 16%;"|[[칠성고등학교 시즌 4: Finale|시즌 4: Finale]]
{{펼접끝}}
|}

퇴귀야담

[ 등장인물 ]

{{namucat}}
{|class="wikitable" style="max-width: 410px; float: right; border: 2px solid #2a2a2a;"
|-
!colspan="2" style="background: #2a2a2a;"|{{c|white|{{fontsize|14|인물이름한글}}<br>영문명or한문명}}
|-
|colspan="2"|<div style="margin: -4.5px -9px;">[[파일명|1000px|link=]]</div>
|-
!style="width: 30%; background: #2a2a2a;"|{{c|white|종족}}
|종족
|-
!style="background: #2a2a2a;"|{{c|white|성별}}
|성별
|-
!style="background: #2a2a2a;"|{{c|white|연령}}
|연령
|-
!style="background: #2a2a2a;"|{{c|white|신체}}
|신체
|-
!style="background: #2a2a2a;"|{{c|white|조직}}
|조직
|-
!style="background: #2a2a2a;"|{{c|white|계급}}
|계급
|-
!style="background: #2a2a2a;"|{{c|white|술법}}
|술법
|-
!style="background: #2a2a2a;"|{{c|white|관련 인물}}
|관련인물
|}
{{목차}}
== 개요 ==

== 상세 ==

== 작중 행적 ==

== 인간 관계 ==

== 능력 ==
=== 전투력 ===
=== 술법 ===

== 기타 ==

{{각주}}

무도학당

[ 등장인물 ]

{{namucat}}
{|class="wikitable" style="max-width: 410px; float: right; border: 2px solid #dcdcdc;"
|-
!colspan="2" style="background: #c0c0c0;"|{{c|black|전직}}
|-
!colspan="2" style="background: #dcdcdc;"|{{c|black|현직}}
|-
|colspan="2"|<div style="margin: -4.5px -9px;">[[파일명|1000px|link=]]</div>
|-
!colspan="2" style="background: white;"|{{c|black|{{fontsize|14|이름한글}}<br>영문명과한문명}}
|-
!rowspan="2" style="background: #dcdcdc;"|{{c|black|출생}}
|연도와 날짜 (나이)
|-
|지역
|-
!style="background: #dcdcdc;"|{{c|black|국적}}
|국적
|-
!style="background: #dcdcdc;"|{{c|black|성별}}
|성별
|-
!style="background: #dcdcdc;"|{{c|black|신체}}
|신체
|-
!style="background: #dcdcdc;"|{{c|black|출신}}
|출신
|-
!style="background: #dcdcdc;"|{{c|black|소속}}
|소속
|-
!style="background: #dcdcdc;"|{{c|black|직책}}
|직책
|-
!style="background: #dcdcdc;"|{{c|black|속성}}
|속성
|}
{{목차}}
== 개요 ==

== 상세 ==

== 작중 행적 ==

== 인간 관계 ==

== 평가 ==

== 강함 ==

== 기타 ==

{{각주}}

프로젝트 느와르

[ 등장인물 ]

{{namucat}}
{|class="wikitable" style="max-width: 400px; float: right; border: 2px solid black;"
|-
!colspan="2" style="background-color: black;"|{{c|white|{{fontsize|14|인물이름}}<br>인물원어이름}}
|-
|colspan="2"|<div style="margin: -4.5px -9px;">[[파일:빈 이미지.png|1000px|link=]]</div>
|-
!style="width: 30%; background: black;"|{{c|white|이름}}
|이름
|-
!style="background: black;"|{{c|white|나이}}
|나이
|-
!style="background: black;"|{{c|white|성별}}
|성별
|-
!style="background: black;"|{{c|white|국적}}
|{{국기|국가이름}}
|-
!style="background: black;"|{{c|white|신체}}
|신체
|-
!style="background: black;"|{{c|white|소속}}
|소속
|-
!style="background: black;"|{{c|white|직업}}
|직업
|-
!style="background: black;"|{{c|white|비고}}
|비고
|}
{{목차}}
== 개요 ==

{{각주}}

이 문서의 내용 중 전체 또는 일부는 연습장:Kimchan 문서의 307254판에서 가져왔습니다. 문서 역사 보러가기