다중 접기: 스타일

잠깐 정지!!

SCP 위키 내부에서 사용되는 템플릿 페이지입니다.

운영진의 허가없이
이 페이지를 만지지 마세요


접기 개조판은 Boyu12Boyu12가 일본어 지부를 위해 제작했습니다. 테마에 대한 주석이 있는 버전과 변수에 대한 개요는 여기 있습니다..

사용법

이건 뭔가요?

이 페이지는 다중 접기 구성요소의 상단 반쪽의 소스 코드가 들어있는 페이지로, Boyu12Boyu12가 일본어 지부를 위해 제작했습니다.

이용법

다중 접기를 구현하려면 이렇게 해야 합니다.

[[include :scpko:component:coltop
| show=+ 보이기
| hide=- 숨기기
]]
접기 안쪽 텍스트
[[include :scpko:component:colend]]

수직선 기호를 지우지 마세요! (|)

show
기본: "+ 보이기"
접기를 여는 버튼의 문구.
hide
기본: "- 숨기기"
접기를 닫는 버튼의 문구.
nohide
기본: 0
0이면 "hide"의 문구가 접기가 열렸을 때 보이게 됩니다. 1이면 보이지 않습니다.
folded
기본: 1
0이면 접기가 열린 상태로 시작됩니다. 1이면 닫힌 상태입니다.

다중 접기 안에 더 많은 다중 접기를 넣을 수도 있습니다. 다중 접기 안에 일반 접기를 넣을 수도 있고, 반대도 가능합니다. 하지만 일반 접기 안에는 다른 일반 접기를 넣지 못합니다.

본 구성요소의 페이지:


    • _

    [[include component:coltop show=+ 제목보이기 1|hide=- 제목숨기기 1]]
    텍스트 1
    [[include component:coltop show=+ 제목보이기 2|hide=- 제목숨기기 2]]
    텍스트 2
    [[include component:coltop show=+ 제목보이기 3|hide=- 제목숨기기 3]]
    텍스트 3
    [[include component:colend]]
    [[include component:colend]]
    [[include component:colend]]

      • _

      텍스트 1

        • _

        텍스트 2

          • _

          텍스트 3

          이건 뭔가요?

          이 페이지는 다중 접기 구성요소의 하단 반쪽의 소스 코드가 들어있는 페이지로, Boyu12Boyu12가 일본어 지부를 위해 제작했습니다.

          이용법

          다중 접기를 구현하려면 이렇게 해야 합니다.

          [[include :scpko:component:coltop
          | show=+ 보이기
          | hide=- 숨기기
          ]]
          접기 안쪽 텍스트
          [[include :scpko:component:colend]]

          수직선 기호를 지우지 마세요! (|)

          show
          기본: "+ 보이기"
          접기를 여는 버튼의 문구.
          hide
          기본: "- 숨기기"
          접기를 닫는 버튼의 문구.
          nohide
          기본: 0
          0이면 "hide"의 문구가 접기가 열렸을 때 보이게 됩니다. 1이면 보이지 않습니다.
          folded
          기본: 1
          0이면 접기가 열린 상태로 시작됩니다. 1이면 닫힌 상태입니다.

          다중 접기 안에 더 많은 다중 접기를 넣을 수도 있습니다. 다중 접기 안에 일반 접기를 넣을 수도 있고, 반대도 가능합니다. 하지만 일반 접기 안에는 다른 일반 접기를 넣지 못합니다.


        이건 뭔가요?

        이 페이지는 다중 접기 구성요소의 하단 반쪽의 소스 코드가 들어있는 페이지로, Boyu12Boyu12가 일본어 지부를 위해 제작했습니다.

        이용법

        다중 접기를 구현하려면 이렇게 해야 합니다.

        [[include :scpko:component:coltop
        | show=+ 보이기
        | hide=- 숨기기
        ]]
        접기 안쪽 텍스트
        [[include :scpko:component:colend]]

        수직선 기호를 지우지 마세요! (|)

        show
        기본: "+ 보이기"
        접기를 여는 버튼의 문구.
        hide
        기본: "- 숨기기"
        접기를 닫는 버튼의 문구.
        nohide
        기본: 0
        0이면 "hide"의 문구가 접기가 열렸을 때 보이게 됩니다. 1이면 보이지 않습니다.
        folded
        기본: 1
        0이면 접기가 열린 상태로 시작됩니다. 1이면 닫힌 상태입니다.

        다중 접기 안에 더 많은 다중 접기를 넣을 수도 있습니다. 다중 접기 안에 일반 접기를 넣을 수도 있고, 반대도 가능합니다. 하지만 일반 접기 안에는 다른 일반 접기를 넣지 못합니다.


      이건 뭔가요?

      이 페이지는 다중 접기 구성요소의 하단 반쪽의 소스 코드가 들어있는 페이지로, Boyu12Boyu12가 일본어 지부를 위해 제작했습니다.

      이용법

      다중 접기를 구현하려면 이렇게 해야 합니다.

      [[include :scpko:component:coltop
      | show=+ 보이기
      | hide=- 숨기기
      ]]
      접기 안쪽 텍스트
      [[include :scpko:component:colend]]

      수직선 기호를 지우지 마세요! (|)

      show
      기본: "+ 보이기"
      접기를 여는 버튼의 문구.
      hide
      기본: "- 숨기기"
      접기를 닫는 버튼의 문구.
      nohide
      기본: 0
      0이면 "hide"의 문구가 접기가 열렸을 때 보이게 됩니다. 1이면 보이지 않습니다.
      folded
      기본: 1
      0이면 접기가 열린 상태로 시작됩니다. 1이면 닫힌 상태입니다.

      다중 접기 안에 더 많은 다중 접기를 넣을 수도 있습니다. 다중 접기 안에 일반 접기를 넣을 수도 있고, 반대도 가능합니다. 하지만 일반 접기 안에는 다른 일반 접기를 넣지 못합니다.


    원하는만큼 확장할 수 있습니다. 일단 저장하기 전에는 이 모듈은 제대로 표시되지 않습니다!

    이건 뭔가요?

    이 페이지는 다중 접기 구성요소의 상단 반쪽의 소스 코드가 들어있는 페이지로, Boyu12Boyu12가 일본어 지부를 위해 제작했습니다.

    이용법

    다중 접기를 구현하려면 이렇게 해야 합니다.

    [[include :scpko:component:coltop
    | show=+ 보이기
    | hide=- 숨기기
    ]]
    접기 안쪽 텍스트
    [[include :scpko:component:colend]]

    수직선 기호를 지우지 마세요! (|)

    show
    기본: "+ 보이기"
    접기를 여는 버튼의 문구.
    hide
    기본: "- 숨기기"
    접기를 닫는 버튼의 문구.
    nohide
    기본: 0
    0이면 "hide"의 문구가 접기가 열렸을 때 보이게 됩니다. 1이면 보이지 않습니다.
    folded
    기본: 1
    0이면 접기가 열린 상태로 시작됩니다. 1이면 닫힌 상태입니다.

    다중 접기 안에 더 많은 다중 접기를 넣을 수도 있습니다. 다중 접기 안에 일반 접기를 넣을 수도 있고, 반대도 가능합니다. 하지만 일반 접기 안에는 다른 일반 접기를 넣지 못합니다.

    본 구성요소의 페이지:


      • _

      어떤 변수들은 접기 상단에서만 쓸 수 있고 양쪽에서 모두 쓸 수 있는 것도 있습니다. 이렇게 씁니다.
      [[[[include component:coltop 변수1=값1|변수2=값2]]
      값은 항상 |로 나누어집니다. 모든 변수는 선택적입니다(보이기와 숨기기도 변수로 접기 상단에서만 작동합니다). 변수가 주어지지 않았다면, 기본 값이 이용됩니다.
      nohide (접기 상단과 하단)

      • nohide=true: [상단 기본] 보이기/숨기기 문구가 숨겨짐 (만약 상단과 하단 모두가 nohide=false면 열고 나서 다시 접기를 숨길 수 없습니다.)
      • nohide=false: [하단 기본] 보이기/숨기기 문구가 보여짐

      folded (접기 상단만)

      • folded=true: [기본] 접기가 숨겨진 채로 로드됨
      • folded=false: 접기가 보이는 채로 로드됨

      ifprot (접기 상단만)

      • ifprot=true: 접기가 붉은 문구가 아니라 버튼으로 열림
      • ifprot=false: [기본] 없음
        • _

        글자

        이건 뭔가요?

        이 페이지는 다중 접기 구성요소의 하단 반쪽의 소스 코드가 들어있는 페이지로, Boyu12Boyu12가 일본어 지부를 위해 제작했습니다.

        이용법

        다중 접기를 구현하려면 이렇게 해야 합니다.

        [[include :scpko:component:coltop
        | show=+ 보이기
        | hide=- 숨기기
        ]]
        접기 안쪽 텍스트
        [[include :scpko:component:colend]]

        수직선 기호를 지우지 마세요! (|)

        show
        기본: "+ 보이기"
        접기를 여는 버튼의 문구.
        hide
        기본: "- 숨기기"
        접기를 닫는 버튼의 문구.
        nohide
        기본: 0
        0이면 "hide"의 문구가 접기가 열렸을 때 보이게 됩니다. 1이면 보이지 않습니다.
        folded
        기본: 1
        0이면 접기가 열린 상태로 시작됩니다. 1이면 닫힌 상태입니다.

        다중 접기 안에 더 많은 다중 접기를 넣을 수도 있습니다. 다중 접기 안에 일반 접기를 넣을 수도 있고, 반대도 가능합니다. 하지만 일반 접기 안에는 다른 일반 접기를 넣지 못합니다.


      이건 뭔가요?

      이 페이지는 다중 접기 구성요소의 하단 반쪽의 소스 코드가 들어있는 페이지로, Boyu12Boyu12가 일본어 지부를 위해 제작했습니다.

      이용법

      다중 접기를 구현하려면 이렇게 해야 합니다.

      [[include :scpko:component:coltop
      | show=+ 보이기
      | hide=- 숨기기
      ]]
      접기 안쪽 텍스트
      [[include :scpko:component:colend]]

      수직선 기호를 지우지 마세요! (|)

      show
      기본: "+ 보이기"
      접기를 여는 버튼의 문구.
      hide
      기본: "- 숨기기"
      접기를 닫는 버튼의 문구.
      nohide
      기본: 0
      0이면 "hide"의 문구가 접기가 열렸을 때 보이게 됩니다. 1이면 보이지 않습니다.
      folded
      기본: 1
      0이면 접기가 열린 상태로 시작됩니다. 1이면 닫힌 상태입니다.

      다중 접기 안에 더 많은 다중 접기를 넣을 수도 있습니다. 다중 접기 안에 일반 접기를 넣을 수도 있고, 반대도 가능합니다. 하지만 일반 접기 안에는 다른 일반 접기를 넣지 못합니다.


    이건 뭔가요?

    이 페이지는 다중 접기 구성요소의 하단 반쪽의 소스 코드가 들어있는 페이지로, Boyu12Boyu12가 일본어 지부를 위해 제작했습니다.

    이용법

    다중 접기를 구현하려면 이렇게 해야 합니다.

    [[include :scpko:component:coltop
    | show=+ 보이기
    | hide=- 숨기기
    ]]
    접기 안쪽 텍스트
    [[include :scpko:component:colend]]

    수직선 기호를 지우지 마세요! (|)

    show
    기본: "+ 보이기"
    접기를 여는 버튼의 문구.
    hide
    기본: "- 숨기기"
    접기를 닫는 버튼의 문구.
    nohide
    기본: 0
    0이면 "hide"의 문구가 접기가 열렸을 때 보이게 됩니다. 1이면 보이지 않습니다.
    folded
    기본: 1
    0이면 접기가 열린 상태로 시작됩니다. 1이면 닫힌 상태입니다.

    다중 접기 안에 더 많은 다중 접기를 넣을 수도 있습니다. 다중 접기 안에 일반 접기를 넣을 수도 있고, 반대도 가능합니다. 하지만 일반 접기 안에는 다른 일반 접기를 넣지 못합니다.


실제 접기 개조 테마

.colmod-block > ul,
.colmod-block > ul > li {
    display: block;
    line-height: normal;
    list-style: none;
    margin: 0;
    padding: 0;
}
.colmod-block > ul > li > ul,
li.folded > .colmod-link-top a + a,
li.folded > .colmod-content,
li.folded > .colmod-link-end a,
li.unfolded > .colmod-link-top a:first-child {
    display: none;
}
.colmod-content {
    -webkit-animation: colmod-fade-in 0.2s ease-in-out;
    -moz-animation: colmod-fade-in 0.2s ease-in-out;
    animation: colmod-fade-in 0.2s ease-in-out;
    -webkit-animation-timing-function: cubic-bezier(0.3649610494,0,0.6350389506,1);
    -moz-animation-timing-function: cubic-bezier(0.3649610494,0,0.6350389506,1);
    animation-timing-function: cubic-bezier(0.3649610494,0,0.6350389506,1);
}
li.folded > .colmod-content {
    -webkit-animation-name: none;
    -moz-animation-name: none;
    animation-name: none;
}
@-webkit-keyframes colmod-fade-in { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes colmod-fade-in { from { opacity:0; } to { opacity:1; } }
@keyframes colmod-fade-in { from { opacity:0; } to { opacity:1; } }
[class|="colmod-link"] div.foldable-list-container {
    display: inline;
}
.colmod-collapsiblealt > [class|="colmod-link"],
.collapsiblealt > .colmod-block > ul > li > [class|="colmod-link"] {
    margin: 0.5em 0;
    text-align: center;
}
.colmod-collapsiblealt > [class|="colmod-link"] a,
.collapsiblealt > .colmod-block > ul > li > [class|="colmod-link"] a {
    padding: 0.1em 0.5em;
    text-decoration: none;
    background-color: #F4F4F4;
    border: 1px solid #AAA;
    color: #000;
}
.colmod-collapsiblealt > [class|="colmod-link"] a:hover,
.colmod-collapsiblealt > [class|="colmod-link"] a:active,
.collapsiblealt > .colmod-block > ul > li > [class|="colmod-link"] a:hover,
.collapsiblealt > .colmod-block > ul > li > [class|="colmod-link"] a:active {
    background: #DDD;
    text-decoration: none;
}
🈲: SCP 재단의 모든 컨텐츠는 15세 미만의 어린이 혹은 청소년이 시청하기에 부적절합니다.
따로 명시하지 않는 한 이 사이트의 모든 콘텐츠는 크리에이티브 커먼즈 저작자표시-동일조건변경허락 3.0 라이선스를 따릅니다.