연습장:Kimchan: 두 판 사이의 차이

편집 요약 없음
편집 요약 없음
123번째 줄: 123번째 줄:
<pre style="max-height: 200px;"><div style="margin-top: -24px;">[[파일:빈 가로 이미지.png]]<br></div></pre>
<pre style="max-height: 200px;"><div style="margin-top: -24px;">[[파일:빈 가로 이미지.png]]<br></div></pre>
=== 템플릿 ===
=== 템플릿 ===
* 등장인물 (아이펠루스)
==== 아이펠루스 ====
* 등장인물
<pre style="max-height: 200px;">{|class="wikitable" style="max-width: 410px; float: right; border: 2px solid #dcdcdc; text-align: center;"
<pre style="max-height: 200px;">{|class="wikitable" style="max-width: 410px; float: right; border: 2px solid #dcdcdc; text-align: center;"
|-
|-
212번째 줄: 213번째 줄:


== 전투력 ==
== 전투력 ==
== 기타 ==
== 각주 ==</pre>
==== 칠성고 ====
* 등장인물
<pre style="max-height: 200px;">{|class="wikitable" style="max-width: 410px; float: right; border: 2px solid #00beff;"
|-
!colspan="2" style="background: #00beff;"|{{color|white|{{글씨 크기|14|인물 이름 한글}}<br>영문명or한문명}}
|-
!colspan="2" style="background: white;"|<div style="margin: -4px -9px;">[[파일:빈 이미지.png]]</div>
|-
!style="width: 20%; background: #00beff;"|{{color|white|본명}}
|본명
|-
!style="background: #00beff;"|{{color|white|다른 이름}}
|다른 이름
|-
!style="background: #00beff;"|{{color|white|나이}}
|본명
|-
!style="background: #00beff;"|{{color|white|성별}}
|본명
|-
!style="background: #00beff;"|{{color|white|신체}}
|본명
|-
!style="background: #00beff;"|{{color|white|능력}}
|본명
|-
!style="background: #00beff;"|{{color|white|소속}}
|본명
|-
!style="background: #00beff;"|{{color|white|직책}}
|본명
|-
!style="background: #00beff;"|{{color|white|관련 인물}}
|본명
|}
{{목차}}
== 개요 ==
== 상세 ==
== 작중 행적 ==
== 인간 관계 ==
== 능력 ==


== 기타 ==
== 기타 ==

2022년 7월 17일 (일) 23:03 판

김찬
관련 문서
[ 펼치기 · 접기 ]
활동 (제이위키) · 사상 · 게임 · 파일 (아이펠루스)
자캐 · 여담 · 군복무 · 단문 (결말 이후의 이야기)
소속 단체 에른스트의 아무튼 공방 · 오펜시브 프로젝트 팀
창작 작품 세계관 프로젝트 [보기] (아이펠루스 · 우리는 죽음 속에 살고 있다 · 뒤편 · 아파란시아 · 프로젝트 옴니버스 · 프로젝트 사쿠라 · 초상세계 · 프로젝트 무협) · 슬래시 앤 서바이브 · 글로리 어게인 · 저승국
기여 작품 무도학당 · 칠성고등학교 · 퇴귀야담 · 벌레굴
주요 자캐 아릴렌 · 세이넬 아르젠베르크 · 사도원 · 서은우
관련 문서 연습장 · CSS · Lua · 분류 · 프로필
이 사용자와 관련한 세계관은 여기를, 생성한 틀은 여기를 참고하십시오.
KimChan

개인 문법 메모

헥스 코드 설명
기본 색
#373a3c 제이위키 기본 글자 색 예시
#f5f8fa 제이위키 테이블 헤더 기본 배경 색
#e1e8ed 제이위키 테이블 기본 테두리 색, 기본 수평줄 색
#397eb9 제이위키 하이퍼링크 기본 색 예시
#ba0000 제이위키 하이퍼링크(없는 문서) 기본 색 예시
#33b733 제이위키 하이퍼링크(외부 링크) 기본 색 예시
#dcdcdc 위키독 테이블 기본 테두리 색
#bfbfbf 위키독 기본 수평줄 색
상징색
#ffc800 아이펠루스, 아이펠루스 제국, 세이넬 아르젠베르크 등 상징색
#0055fe 제국 기사단 상징색
#cdeef0 성기사단 상징색
#ffda2f 로셰리아교, 교황 등 상징색
#00beff 칠성고등학교 상징색
#a600c4 추기경 상징색(자주 쓰는 보라색)
기타
#a600c4 자주 쓰는 보라색(추기경 상징색)
#ff6600 자주 쓰는 주황색

기타

  • 링크에 색 넣기
[[링크|{{color|black|내용}}]]
  • 이미지 여백 제거
<div style="margin: -4px -9px;">[[파일명]]</div>
  • 나무위키식 펼치기 접기 (기본)
<div class="mw-customtoggle-클래스명">'''[ 펼치기 · 접기 ]'''</div>
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-클래스명">내용</div>
  • 나무위키식 펼치기 접기 (틀)
<div class="mw-customtoggle-클래스명" style="text-align: center; color: black;"><div style="margin: -3px">'''[ 펼치기 · 접기 ]'''</div></div>
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-클래스명" style="border: 1px solid transparent;">
<div class="toccolours mw-collapsible-content" style="margin: 0px -15px 0px; background: none; border: 1px solid transparent;">
{|style="margin-left: -2px; margin-right: -15px; margin-bottom: -13px; width: calc(100% + 5px);"
|}
</div></div>
  • 관련 둘러보기 틀
{|class="wikitable" style="width: 100%; border: 2px solid #dcdcdc; text-align: center;"
|-
!style="background-color: #dcdcdc;"|{{color|black|{{글씨 크기|12|관련 둘러보기 틀}}}}
|-
|<div class="mw-customtoggle-클래스명">'''[ 펼치기 · 접기 ]'''</div>
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-클래스명">
----
{{틀이름}}
----
{{틀이름}}
</div>
|}
{|class="wikitable" style="border: 2px dashed #cccccc; border-left: 6px solid #71BC6D;" |
|-
|style="margin:5em;background-color: #F2F2F2; padding: 12px; padding-left: 15px; padding-bottom: 12px; padding-right:60px;"|내용
|}
  • 모바일 테이블 너비 대응
<div style="margin-top: -24px;">[[파일:빈 가로 이미지.png]]<br></div>

템플릿

아이펠루스

  • 등장인물
{|class="wikitable" style="max-width: 410px; float: right; border: 2px solid #dcdcdc; text-align: center;"
|-
!colspan="2" style="background: #dcdcdc;"|{{color|black|인물 이명<br>{{글씨 크기|14|인물 이름}}<br>인물 원어 이름}}
|-
!colspan="2" style="background: white;"|<div style="margin: -4px -9px;">[[파일:빈 이미지.png]]</div>
|-
!style="width: 20%; background: #dcdcdc;"|{{color|black|이명}}
|이명
|-
!style="background: #dcdcdc;"|[[종족(아이펠루스)|{{color|black|종족}}]]
|이명
|-
!style="background: #dcdcdc;"|{{color|black|성별
|이명
|-
!style="background: #dcdcdc;"|{{color|black|나이}}
|이명
|-
!style="background: #dcdcdc;"|{{color|black|신장}}
|이명
|-
!style="background: #dcdcdc;"|{{color|black|체중}}
|이명
|-
!style="background: #dcdcdc;"|{{color|black|출신}}
|이명
|-
!style="background: #dcdcdc;"|{{color|black|소속}}
|이명
|-
!style="background: #dcdcdc;"|{{color|black|직책}}
|이명
|-
!style="background: #dcdcdc;"|[[스탯|{{color|black|스탯}}]]
|<div class="mw-customtoggle-profile-stats" style="text-align:center; color:black;"><div style="margin: -3px">'''[ 펼치기 · 접기 ]'''</div></div>
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-profile-stats" style="border: 1px solid transparent;">
<div class="toccolours mw-collapsible-content" style="margin: 0px -15px 0px; background:none; border: 1px solid transparent; text-align:center; ">
{|style="margin-left: -2px; margin-right: -15px; margin-bottom: -13px; width: calc(100% + 5px); table-layout: fixed;"
|-
|체력
|스탯
|-
|정신력
|스탯
|-
|면역력
|스탯
|-
|공격력
|스탯
|-
|방어력
|스탯
|-
|근력
|스탯
|-
|순발력
|스탯
|-
|무력
|스탯
|-
|마력
|스탯
|-
|성력
|스탯
|-
|지력
|스탯
|}
</div></div>
|-
!style="background: #dcdcdc;"|{{color|black|상징색}}
|<span style="background: #dcdcdc; border-radius: 5px; padding: 3px; font-size: 9pt;">'''색깔'''</span>
|-
!style="background: #dcdcdc;"|{{color|black|비고}}
|내용
|}
{{목차}}
== 개요 ==

== 상세 ==

== 인간 관계 ==

== 전투력 ==

== 기타 ==

== 각주 ==

칠성고

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

== 상세 ==

== 작중 행적 ==

== 인간 관계 ==

== 능력 ==

== 기타 ==

== 각주 ==

유용한/자주 사용하는 틀

  1. 모바일 기기의 화면비를 넘어가는 너비(ex: 600px, 800px)를 가진 테이블을 모바일에서 넘어가지 않도록 대응하는 법

간단하다. 테이블의 width 속성을 max-width로 바꾸어 주면 된다. 단 주의할 점은, 테이블 내부의 콘텐츠가 설정한 max-width만큼이 될 정도로 충분한 분량을 차지하고 있어야 한다. 가장 쉬운 파훼법은 테이블 어느 곳에라도 모든 열이 병합된 행에 원본 크기가 큰 이미지를 첨부하면 된다. 빈 이미지는 그래서 업로드한 것.


  1. 이미지에 아무런 링크도 걸지 않았을 때 원본 이미지 보기로 이어지는 자동 링크를 없애는 법

이미지의 매개 변수에 link=를 걸고 아무것도 작성하지 않으면 된다. 예를 들어 [[파일:Seinel Icon.png|30픽셀|link=]] 이렇게 입력하면 이처럼 이미지 위에 마우스를 올려도 그 어떤 링크는커녕 원본 이미지 보기로 이어지는 자동 링크마저 없다.


  1. 순환 링크(문서가 같은 문서를 링크)나 테이블의 헤더 셀에서 강제 볼드체를 없애는 법

텍스트를 <span>으로 묶고 style에서 font-weight를 normal로 하면 된다.