위키백과

위키백과:둘러보기 틀: 두 판 사이의 차이

입체적으로 역사 찾아보기
← 이전 편집다음 편집 →
내용 삭제됨 내용 추가됨
시각위키텍스트
Klutzy (토론 | 기여)
15,566 편집
→‎사용 방법: 오류 고침
Klutzy (토론 | 기여)
15,566 편집
Klutzy(토론)의 3251432판 편집을 되돌림 -_-?;;
14번째 줄:
== 사용 방법 ==
=== NavFrame div===
태그 <tt>div</tt>를 사용하면 보이는 거의 모든 것들을 숨길 수 있습니다. 세 개의 주요클래스(class)가 준비되어 있습니다: <tt>'''NavFrame''', '''NavHead''', '''NavContent'''</tt>. 초기 상태는 안의 내용이 펼쳐져 있는숨겨진 상태이며, 오른쪽 위에 "숨기기보이기" 버튼 링크가 나옵니다보이는 상태입니다. <!--예외적으로 NavContent에 <tt>style="display:none;"</tt>가 들어가 있으면, 초기 상태는 안의 내용이 숨겨진 상태가 됩니다.-->
 
====간단한 예제====
세 개의 <code>div</code> 엘레멘트를 사용하십시오.
{|
|+
<pre><div class="NavFrame">
<div class="NavHead">[... 제목입니다. ...]</div>
줄 24 ⟶ 26:
</div>
</div></pre>
|}
 
<div class="NavFrame">
줄 32 ⟶ 35:
</div>
 
==== 내용 접어놓기 ====
 
클래스에 "collapsed"를 추가해주면 자동으로 접히는 모양이 기본값으로 됩니다.
 
<!--
<pre><div class="NavFrame collapsed">▼
최초 상태가 내용을 숨긴 상태가 되게 하려면 다음과 같이 하십시오:
<div class="NavHead">[... 제목입니다. ...]</div>▼
<source lang="html4strict"><div class="NavContentNavFrame">
▲ <div class="NavHead">[... 제목입니다. ...]</div>
<div class="NavContent" style="display:none;">▼
[... 내용입니다. ...]
</div>
</div></presource>
▲<pre><div class="NavFrame collapsed">
 
<div class="NavFrame collapsedNavHead">[... 제목입니다....]</div>
<div class="NavHeadNavContent">[... 제목입니다. ...]</divstyle="display:none;">
[... 내용입니다. ...]▼
▲ <div class="NavContent">
▲[... 내용입니다. ...]
</div>
</div>
-->
 
 
==== 타 클래스(class) 사용례 ====
원본 주소 "https://ko.wikipedia.org/wiki/위키백과:둘러보기_틀"