편집을 취소할 수 있습니다. 이 편집을 되돌리려면 아래의 바뀐 내용을 확인한 후 게시해주세요.
최신판 | 당신의 편집 | ||
2,046번째 줄: | 2,046번째 줄: | ||
=== 내용 숨기기/펼치기 === | === 내용 숨기기/펼치기 === | ||
[[틀:숨기기|숨기기 틀]]을 이용하면 됩니다. 자세한 이용방법은 각 항목의 틀 설명문서를 참조하세요. | [[틀:숨기기|숨기기 틀]]을 이용하면 됩니다. 자세한 이용방법은 각 항목의 틀 설명문서를 참조하세요. | ||
=== html, CSS 태그 이용 === | |||
미디어위키에서는 html과 CSS 문법을 상당수 지원합니다. 이하는 html, CSS의 태그를 활용하는 방법의 예시를 설명합니다. | |||
==== 펼치기/접기 (태그 이용) ==== | |||
'''예시''' | |||
<div class="toccolours mw-collapsible mw-collapsed">스포일러 주의<div class="mw-collapsible-content"> | |||
사실 그녀의 정체는 위키 페어리인 척하는 위키모이였다.</div> | |||
</div> | |||
<syntaxhighlight lang=html> | |||
<div class="toccolours mw-collapsible mw-collapsed">스포일러 주의<div class="mw-collapsible-content"> | |||
사실 그녀의 정체는 위키 페어리인 척하는 위키모이였다.</div> | |||
</div> | |||
</syntaxhighlight> | |||
박스가 쳐져 있는 것을 원치 않으실 경우에는 class에서 toccolours 값을 제거해주시면 됩니다. | |||
'''예시''' | |||
<div class="mw-collapsible mw-collapsed"> | |||
스포일러 주의 | |||
<div class="mw-collapsible-content"> | |||
사실 그녀의 정체는 위키 페어리인 척하는 위키모이였다. | |||
</div> | |||
</div> | |||
<syntaxhighlight lang=html> | |||
<div class="mw-collapsible mw-collapsed"> | |||
스포일러 주의 | |||
<div class="mw-collapsible-content"> | |||
사실 그녀의 정체는 위키 페어리인 척하는 위키모이였다. | |||
</div> | |||
</div> | |||
</syntaxhighlight> | |||
박스의 가로 크기를 조정하고 싶으신 경우에는 style에 width 값을 넣어주시면 됩니다. | |||
'''예시''' | |||
<div class="toccolours mw-collapsible mw-collapsed" style="width:200px">스포일러 주의<div class="mw-collapsible-content"> | |||
사실 그녀의 정체는 위키 페어리인 척하는 위키모이였다.</div> | |||
</div> | |||
<syntaxhighlight lang=html> | |||
<div class="toccolours mw-collapsible mw-collapsed" style="width:200px"> | |||
스포일러 주의 | |||
<div class="mw-collapsible-content"> | |||
사실 그녀의 정체는 위키 페어리인 척하는 위키모이였다.</div> | |||
</div> | |||
</syntaxhighlight> | |||
테두리를 없애도 가로 크기 조절이 가능합니다. | |||
'''예시''' | |||
<div class="mw-collapsible mw-collapsed" style="width:200px"> | |||
스포일러 주의 | |||
<div class="mw-collapsible-content"> | |||
사실 그녀의 정체는 위키 페어리인 척하는 위키모이였다. | |||
</div> | |||
</div> | |||
<syntaxhighlight lang=html> | |||
<div class="mw-collapsible mw-collapsed" style="width:200px"> | |||
스포일러 주의 | |||
<div class="mw-collapsible-content"> | |||
사실 그녀의 정체는 위키 페어리인 척하는 위키모이였다. | |||
</div> | |||
</div> | |||
</syntaxhighlight> | |||
위의 모든 예시 공통으로 class에서 mw-collapsed을 제거하면 처음부터 펼쳐진 상태가 됩니다. | |||
'''예시''' | |||
<div class="toccolours mw-collapsible">스포일러 주의<div class="mw-collapsible-content"> | |||
사실 그녀의 정체는 위키 페어리인 척하는 위키모이였다.</div> | |||
</div> | |||
<syntaxhighlight lang=html> | |||
<div class="toccolours mw-collapsible">스포일러 주의<div class="mw-collapsible-content"> | |||
사실 그녀의 정체는 위키 페어리인 척하는 위키모이였다.</div> | |||
</div> | |||
</syntaxhighlight> | |||
==== 문서 내부에 책갈피(anchor) 만들기 ==== | |||
문서 내부에 <code><nowiki><span id="(책갈피 이름)">(책갈피를 만들 곳)</span></nowiki></code>를 삽입하면 해당 위치로 스크롤되어 이동할 수 있는 책갈피(anchor)가 만들어집니다. 해당 책갈피가 있는 곳으로 이동하는 링크는 <code><nowiki>[[(문서명)#(책갈피 이름)]]</nowiki></code> 형태를 이용해서 작성할 수 있습니다. | |||
==== 순서가 매겨진 목록 특정 순서에서 시작하기 ==== | |||
'''입력''' | |||
<syntaxhighlight lang=html style="width: 400px;"> | |||
<ol start="3"> | |||
<li>세 번째부터 시작하는 순서가 있는 목록</li> | |||
<li>이어지는 목록</li> | |||
<dl> | |||
<dd>항목의 설명</dd> | |||
</dl> | |||
<ol> | |||
<li>이어지는 목록</li> | |||
<li>이어지는 목록</li> | |||
</ol> | |||
<li>이어지는 목록</li> | |||
</ol> | |||
</syntaxhighlight> | |||
'''결과''' | |||
<p> | |||
<ol start="3"> | |||
<li>세 번째부터 시작하는 순서가 있는 목록</li> | |||
<li>이어지는 목록</li> | |||
<dl> | |||
<dd>항목의 설명</dd> | |||
</dl> | |||
<ol> | |||
<li>이어지는 목록</li> | |||
<li>이어지는 목록</li> | |||
</ol> | |||
<li>이어지는 목록</li> | |||
</ol> | |||
</p> | |||
<code><nowiki><ol start="시작할 순서"></nowiki></code>에 시작을 원하는 숫자를 넣어 사용합니다. | |||
다음과 같이 중첩된 목록에서의 순서를지정할 수도 있습니다. | |||
'''입력''' | |||
<syntaxhighlight lang=html style="width: 400px;"> | |||
<ol start="3"> | |||
<li>세 번째부터 시작하는 순서가 있는 목록</li> | |||
<ol start="3"> | |||
<li>세 번째부터 시작하는 중첩된 목록</li> | |||
<li>이어지는 목록</li> | |||
</ol> | |||
</ol> | |||
</syntaxhighlight> | |||
'''결과''' | |||
<p> | |||
<ol start="3"> | |||
<li>세 번째부터 시작하는 순서가 있는 목록</li> | |||
<ol start="3"> | |||
<li>세 번째부터 시작하는 중첩된 목록</li> | |||
<li>이어지는 목록</li> | |||
</ol> | |||
</ol> | |||
</p> | |||
== 고급 == | == 고급 == |