CSS Include 템플릿

이 샌드박스는 더이상 사용하실 수 없습니다.

후속 샌드박스로 이전해주시기 바랍니다.

샌드박스 2호기

샌드박스 3호기

새로운 샌드박스에 초안 페이지를 생성한 뒤, 이 페이지의 설정 → 페이지 소스에서 내용을 복사해 옮겨붙이시면 됩니다.
이전에 어려움이 있다면 포럼이나 대화방에서 운영진에게 문의하세요.


CSS 테마를 만드신다면, 아래의 코드를 여러분의 테마 페이지를 만들기 위해 이용하시면 됩니다. 아래 템플릿을 따른 다면 간단하게 [[include]]를 이용하는 테마 페이지를 만들 수 있습니다.

[[module CSS]]
@import url(http://ko.scp-wiki.net/theme:여러분의테마URL/code/1);
[[/module]]

[[iftags +테마]]

[[>]]
[[module Rate]]
[[/>]]

당신의유저명과 공저가유저명이 제작한 당신의테마이름 테마입니다.

이 테마를 이용하기 위해서는 아래를 여러분의 페이지 상단에 넣어주세요.

[[div class="code"]]
@@[[include :scp-wiki:theme:example-theme]]@@
[[/div]]

이 테마는 적용될예시 작품들을 위해서 제작되었습니다.

[[code type="css"]]
/* 여기에 여러분의 CSS 코드를 넣어주세요 */
[[/code]]

[[/iftags]]

위의 템플릿에서 예시 부분을 교체해서 이용해주세요.

작동 원리

이 템플릿은 2부분으로 나누어집니다. [[iftags]] 블록 밖에 있는 CSS 모듈과 [[iftags]] 블록입니다.

CSS 모듈은 해당 테마 페이지와 이 테마 페이지를 [[include]] 기능을 통해 가져온 페이지에 테마를 적용시켜 줍니다.

[[iftags]] 블록은 현재 페이지에 "테마"라는 테마가 붙어있어야지만 블록 내의 내용을 나타냅니다. 따라서 오직 테마 페이지에서만 테마의 설명과 예시, 코드가 보입니다.

[[iftags]] 블록 내에는 우선 평점 모듈이 있습니다. 테마 페이지에도 평점 모듈이 있어야 합니다.

다음은 테마에 대한 설명입니다. 제작자와 다양한 라이센스 정보, 테마가 제작된 이유 등 다양한 서술이 들어갑니다.

다음은 테마에 대한 사용법입니다. 테마의 적용법과 테마가 가지고 있는 다양한 기능에 대해서 설명해주시면 됩니다.

다음은 CSS 코드 자체가 들어갑니다. [[code]] 블록을 이용해 여러분의 브라우저에서 실제 소스코드를 볼 수 있습니다.

마지막은 [[/iftags]][[iftags]] 블록을 닫아줍니다.


이 샌드박스는 더이상 사용하실 수 없습니다.

후속 샌드박스로 이전해주시기 바랍니다.

샌드박스 2호기

샌드박스 3호기

새로운 샌드박스에 초안 페이지를 생성한 뒤, 이 페이지의 설정 → 페이지 소스에서 내용을 복사해 옮겨붙이시면 됩니다.
이전에 어려움이 있다면 포럼이나 대화방에서 운영진에게 문의하세요.