CSS 미리보기
이 도구는 SCP 위키에서 CSS 포맷의 전반적인 효과를 미리 보고 디버깅할 수 있게 해 줍니다.
이 도구는 SCP 위키에서 CSS 포맷의 전반적인 효과를 미리 보고 디버깅할 수 있게 해 줍니다.
초보자이신가요? 7happy7의 CSS 테마 제작 도구도 살펴보세요.
콘솔:
<html> <head> <title>CSS 미리보기 - SCP 재단</title> <meta http-equiv="content-type" content="text/html;charset=UTF-8"/> <meta http-equiv="content-language" content="ko,kr-ko"/> <link rel="shortcut icon" href="https://scpko.wikidot.com/local--favicon/favicon.gif"/> <link rel="icon" type="image/gif" href="https://scpko.wikidot.com/local--favicon/favicon.gif"/> <link rel="apple-touch-icon" href="https://scpko.wikidot.com/local--iosicon/iosicon_57.png"/> <link rel="apple-touch-icon" sizes="72x72" href="https://scpko.wikidot.com/local--iosicon/iosicon_72.png"/> <link rel="apple-touch-icon" sizes="114x114" href="https://scpko.wikidot.com/local--iosicon/iosicon.png"/> <style type="text/css"> @import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css'); body { font-family: verdana, arial, helvetica, sans-serif; font-size: 0.9em; } a { color: #b01; text-decoration: none; } a:hover { text-decoration: underline; } a[href*="javascript:;"] { color: inherit; } a[href*="javascript:;"]:hover { color: #3498db; text-decoration: none; } textarea, pre { border-radius: 0.25rem; border: 0.0625rem solid rgb(194, 194, 194); overflow-y: auto; font-family: 'Andale Mono', 'Courier New', Courier, monospace; } textarea { display: block; margin: 0 auto; width: 95%; } #toolBody { margin: 0 auto; box-shadow: 0 0.125rem 0.125rem rgba(0, 0, 0, 0.29); } #cssAreaWrap, #interwikiWrap { -webkit-transition: height .75s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: height .75s cubic-bezier(0.4, 0, 0.2, 1); -o-transition: height .75s cubic-bezier(0.4, 0, 0.2, 1); transition: height .75s cubic-bezier(0.4, 0, 0.2, 1); overflow: hidden; } #interwikiWrap { background-color: rgba(0, 135, 189, .15); } #toolWidth { width: 5em; text-align: center; } .previewBtn { display: block; margin: 0 auto; width: 80%; font-size: 1.75em; } .code { border: 0.0625rem dashed #DDD; background-color: #F7F7F7; font-family: 'Andale Mono', 'Courier New', Courier, monospace; padding: 0 1em; margin: 0.4em 0; white-space: pre-wrap; } #popupWrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; } #popupWrap.folded { pointer-events: none; opacity: 0; } .fader { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(34, 34, 34, .5); cursor: default; } #popup { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 90vw; max-width: 31.25rem; height: 21.875rem; margin: auto; padding: 0.55em 1em; background-color: #fefefe; box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.5); } #popupContent { height: 100%; overflow-y: auto; } #interwikiCode { margin: 0; height: 10rem; white-space: pre-wrap; word-break: break-all; } #loadTip { text-align: center; font-size: 1.5em; } </style> </head> <body> <div id="toolBody"> <div style="padding: 0.5em 1em 0;"> <p>基础版式：<select id="baseTheme" value="1"><option value="0">베이스(Blank)</option><option selected="selected" value="1">SCP Sigma-9</option><option value="2">블랙 하이라이터</option></select> <button type="button" onclick="setBaseTheme()">应用</button></p> <p>设置页面宽度：<input type="number" id="toolWidth" value="" maxlength="4" min="0" step="1" onkeyup="if(event.keyCode==13){setToolWidth()}" /> px <button type="button" onclick="setToolWidth()">应用</button> <button type="button" onclick="resetWidth()">还原</button> | 快捷切换：<button type="button" onclick="setWidth('375px')">375px</button> <button type="button" onclick="setWidth('767px')">767px</button> <button type="button" onclick="setWidth('1040px')">1040px</button></p> <div id="cssAreaWrap"> <p>在这里粘贴你的 CSS 代码：</p> <p><textarea name="cssArea" rows="10" placeholder="请不要加 [[module css]] 和 [[/module]]"></textarea></p> <p><button type="button" class="previewBtn" onclick="preview(0)">预览</button></p> <p>在这里你可以输入想要调试的部分：</p> <p><textarea name="cssArea" rows="10" placeholder="这里的内容拥有更高的优先权"></textarea></p> <p><button type="button" class="previewBtn" onclick="preview(1)">预览</button></p> <p><input id="interwikiCheck" type="checkbox" onchange="foldElem(1)" />跨维基模块样式 <a href="javascript:;" class="fa fa-question-circle" onclick="foldPopup(1)"></a></p> <div id="interwikiWrap" style="height:0px"> <p><textarea name="cssArea" rows="10"></textarea></p> <p><button type="button" class="previewBtn" onclick="preview(2)">预览</button></p> </div> </div> <p style="text-align: center;"><a href="javascript:;" class="fa fa-chevron-circle-up" onclick="foldElem(0)"> 收起</a></p> <br /> <p style="text-align: right;"><button type="button" onclick="reloadFrame()">重新载入样本区域</button></p> <div id="loadTip"><p>正在载入，请稍候</p></div> </div> <iframe src="/local--code_/css-previewer/2" allowtransparency="true" frameborder="0" style="height: 1000px; overflow: hidden;" id="toolFrame" name="toolFrame" onload="loadFrame(this)"></iframe> <div id="popupWrap" class="folded"> <a href="javascript:;" class="fader" onclick="foldPopup(0)"></a> <div id="popup"><div id="popupContent"></div></div> </div> </div> <script type="text/javascript"> var postedData = new Array(); var elem = [document.getElementById("cssAreaWrap"), document.getElementById("interwikiWrap")]; var elemFolded = [false, !(document.getElementById("interwikiCheck").checked)]; var foldElemTimer = new Array(); var popupWrap = document.getElementById("popupWrap"); var popupContent = document.getElementById("popupContent"); postedData[0] = "1"; function packCSS(str){str=str.replace(/\/\*(.|\n)*?\*\//g,"").replace(/\s*([\{\}\;\,])\s*/g,"$1").replace(/\,[\s\.\#\d]*\{/g,"{").replace(/;\s*;/g,";").match(/^\s*(\S+(\s+\S+)*)\s*$/);return(str==null)?"":str[1]} function recordData(mode, value) { postedData[mode] = value; } function postData(mode, value) { if (postedData[mode] != value) { window.toolFrame.receiveData(mode, value); } } function setBaseTheme() { postData(0, document.getElementById("baseTheme").value); } function setWidth(w) { document.getElementById("toolBody").style.width = w; document.getElementById("toolFrame").style.width = w; postData(1, w); } function setToolWidth() { setWidth(Math.max(200, document.getElementById("toolWidth").value) + "px"); } function resetWidth() { setWidth("100%"); } resetWidth(); function preview(i) { var cssArea = document.getElementsByName("cssArea"); postData(i + 2, packCSS(cssArea[i].value)); } function setHeight(i, h) { if (h >= 0) { if (elem[i].style.height != h + "px") elem[i].style.height = h + "px"; } else { elem[i].style.height = "auto"; } } function foldElemLoop(i, t) { if (t == foldElemTimer[i]) { if (elemFolded[i]) { setHeight(i, 0); } else { if (Math.abs(elem[i].scrollHeight - elem[i].clientHeight) <= 4) { setHeight(i, -1); } else { setHeight(i, elem[i].scrollHeight); setTimeout(foldElemLoop, 200, i, t); } } } } function foldElem(i) { var elemTarget = event.currentTarget; if (elemFolded[i]) { elemFolded[i] = false; if (elemTarget.tagName == "A") { elemTarget.classList.remove("fa-chevron-circle-down"); elemTarget.classList.add("fa-chevron-circle-up"); elemTarget.innerText = " 收起"; } } else { elemFolded[i] = true; if (elemTarget.tagName == "A") { elemTarget.classList.remove("fa-chevron-circle-up"); elemTarget.classList.add("fa-chevron-circle-down"); elemTarget.innerText = " 展开"; } } setHeight(i, elem[i].scrollHeight); foldElemTimer[i] = new Date().valueOf(); setTimeout(foldElemLoop, 20, i, foldElemTimer[i]); } function foldPopup(mode) { var elemTarget = event.currentTarget; if (mode == 0) { popupWrap.classList.add("folded"); } else { popupWrap.classList.remove("folded"); switch (mode) { case 1: var cssArea = document.getElementsByName("cssArea")[2]; popupContent.innerHTML = "<p>你可以使用特殊的插件来自定义 <a href=\"https://scp-wiki-cn.wikidot.com/\" target=\"_blank\">SCP 中文维基</a>的侧边栏上跨维基模块的样式。跨维基模块的内部结构非常简单，类似通常的侧边栏方块：</p><div class=\"code\"><p><div class=\"side-block\"><br /> <div class=\"heading\"><br /> <p><a>其他语言</a></p><br /> </div><br /> <div class=\"menu-item\"><br /> <img class=\"image\" /><a>English</a><br /> </div><br /></div></p></div>" if (cssArea.value != "") { popupContent.innerHTML += "<p>你的样式插件代码如下：</p><p><pre id=\"interwikiCode\">[[div_ style=\"display:none\"]]\n[[embed]]\n<iframe src=\"//scp-wiki-cn.wdfiles.com/local--files/nav%3Aside/styleFrame.html?" + encodeURIComponent(packCSS(cssArea.value).replace(/^\s+/gm, "").replace(/\s+$/gm, "")) + "\" name=\"styleFrame\"></iframe>\n[[/embed]]\n[[/div]]</pre></p><p>将该插件添加到你的版式的 CSS 模块下方，[[iftags]] 外侧，若用户使用 [[include]] 来引入版式，该插件可以添加自定义样式至跨语言模块中。该插件并非通常的 CSS，因此无法通过“@import”来引入。</p>"; } break; } } } function loadFrame(obj) { document.getElementById("loadTip").style.display = "none"; postData(1, document.getElementById("toolFrame").style.width); } function reloadFrame() { postedData[0] = "1"; for (var i = 1; i < postedData.length; i++) { postedData[i] = ""; } document.getElementById("loadTip").style.display = "block"; window.toolFrame.location.reload(true); } </script> </body> </html>
미리보기 영역:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cn" lang="cn"> <head> <title>CSS 미리보기 - SCP 재단</title> <meta http-equiv="content-type" content="text/html;charset=UTF-8"/> <meta http-equiv="content-language" content="ko,kr-ko"/> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"/> <link rel="shortcut icon" href="https://scpko.wikidot.com/local--favicon/favicon.gif"/> <link rel="icon" type="image/gif" href="https://scpko.wikidot.com/local--favicon/favicon.gif"/> <link rel="apple-touch-icon" href="https://scpko.wikidot.com/local--iosicon/iosicon_57.png"/> <link rel="apple-touch-icon" sizes="72x72" href="https://scpko.wikidot.com/local--iosicon/iosicon_72.png"/> <link rel="apple-touch-icon" sizes="114x114" href="https://scpko.wikidot.com/local--iosicon/iosicon.png"/> <script type="text/javascript" src="https://d3g0gp89917ko0.cloudfront.net/v--3e3a6f7dbcc9/common--javascript/init.combined.js"></script> <script type="text/javascript" src="https://d3g0gp89917ko0.cloudfront.net/v--3e3a6f7dbcc9/common--javascript/WIKIDOT.combined.js"></script> <style type="text/css"> @import url(https://d3g0gp89917ko0.cloudfront.net/v--3e3a6f7dbcc9/common--theme/base/css/style.css); @import url(https://d3g0gp89917ko0.cloudfront.net/v--3e3a6f7dbcc9/common--modules/css/pagerate/PageRateWidgetModule.css); </style> <style type="text/css" id="internal-style"> @import url(https://scpko.wdfiles.com/local--code/component%3Atheme/1); </style> <style name="cssArea"></style> <style name="cssArea"></style> <style> @import url(https://scp-wiki.wdfiles.com/local--code/info%3Astyle/1); </style> <base target="_blank"> </head> <body id="html-body"> <div id="skrollr-body"> <a name="page-top"></a> <div id="container-wrap-wrap"> <div id="container-wrap"> <div id="container"> <div id="header"> <h1><a href="/"><span>SCP 재단</span></a></h1> <h2><span>확보, 격리, 보호</span></h2> <div id="search-top-box" class="form-search"> <form id="search-top-box-form" action="dummy" class="input-append"> <input id="search-top-box-input" class="text empty search-query" type="text" size="15" name="query" value="이 사이트에서 검색" onfocus="if(YAHOO.util.Dom.hasClass(this, 'empty')){YAHOO.util.Dom.removeClass(this,'empty'); this.value='';}"/><input class="button btn" type="submit" name="search" value="검색"/> </form> </div> <div id="top-bar" style="display:none"> [[div class="top-bar"]] * [# SCP 시리즈] * [[[scp-series-ko|시리즈 KO Ⅰ]]][[span class="c_topbar_arrow"]]▸[[/span]] * [[[scp-ko-series-tales-edition|시리즈 KO Ⅰ 이야기]]] * [[[scp-series-7|시리즈 Ⅶ]]] * [[[scp-series-6|시리즈 Ⅵ]]][[span class="c_topbar_arrow"]]▸[[/span]] * [[[scp-series-6-tales-edition|시리즈 Ⅵ 이야기]]] * [[[scp-series-5|시리즈 Ⅴ]]][[span class="c_topbar_arrow"]]▸[[/span]] * [[[scp-series-5-tales-edition|시리즈 Ⅴ 이야기]]] * [[[scp-series-4|시리즈 Ⅳ]]][[span class="c_topbar_arrow"]]▸[[/span]] * [[[scp-series-4-tales-edition|시리즈 Ⅳ 이야기]]] * [[[scp-series-3|시리즈 Ⅲ]]][[span class="c_topbar_arrow"]]▸[[/span]] * [[[scp-series-3-tales-edition|시리즈 Ⅲ 이야기]]] * [[[scp-series-2|시리즈 Ⅱ]]][[span class="c_topbar_arrow"]]▸[[/span]] * [[[scp-series-2-tales-edition|시리즈 Ⅱ 이야기]]] * [[[scp-series|시리즈 Ⅰ]]][[span class="c_topbar_arrow"]]▸[[/span]] * [[[scp-series-1-tales-edition|시리즈 Ⅰ 이야기]]] * [# 이야기] * [[[foundation-tales|이야기 허브]]] * [[[foundation-tales-ko|한국어 이야기 허브]]] * [[[series-archive|연작 보관소]]] * [[[series-archive-ko|한국어 연작 보관소]]] * [[[incident-reports-eye-witness-interviews-and-personal-logs|사건 보고서]]] * [[[creepy-pasta|크리피파스타 보관소]]] * [# 자료실] * [[[user-curated-lists|유저 선정 목록]]] * [[[joke-scps|농담 SCP]]][[span class="c_topbar_arrow"]]▸[[/span]] * [[[joke-scps-tales-edition|농담 시리즈 이야기]]] * [[[joke-scps-ko|농담 SCP-KO]]] * [[[scp-ex|해명된 SCP]]][[span class="c_topbar_arrow"]]▸[[/span]] * [[[explained-scps-tales-edition|해명 시리즈 이야기]]] * [[[scp-ko-ex|해명된 SCP-KO]]] * [[[goi-formats|요주의 단체 서식]]] * [[[goi-formats-ko|요주의 단체 서식 KO]]] * [[[audio-adaptations|]]] * [[[scp-artwork-hub|아트워크]]] * [[[scp-artwork-hub-ko|아트워크 KO]]] * [[[contest-archive|경연 보관소]]] * [[[contest-archive-ko|경연 보관소 KO]]] * [# 세계관] * [[[canon-hub|카논]]] * [[[canon-hub-ko|카논-KO]]] * [[[groups-of-interest|요주의 단체]]] * [[[groups-of-interest-ko|요주의 단체-KO]]] * [[[log-of-anomalous-items|변칙 개체]]] * [[[log-of-anomalous-items-ko|변칙 개체-KO]]] * [[[log-of-extranormal-events|이상 징후]]] * [[[log-of-extranormal-events-ko|이상 징후-KO]]] * [[[log-of-unexplained-locations|변칙 장소]]] * [[[log-of-unexplained-locations-ko|변칙 장소-KO]]] * [# SCP 인터내셔널] * [[[scp-international|SCP 인터내셔널 허브]]] * [[[scp-series-ru|러시아 SCP]]] * [[[scp-series-cn|중국 SCP]]][[span class="c_topbar_arrow"]]▸[[/span]] * [[[scp-series-cn|중국 시리즈 Ⅰ]]] * [[[scp-series-cn-2|중국 시리즈 Ⅱ]]] * [[[scp-series-cn-3|중국 시리즈 Ⅲ]]] * [[[liste-fr|프랑스 SCP]]] * [[[lista-pl|폴란드 SCP]]] * [[[serie-scp-es|에스파냐 SCP]]] * [[[scp-series-th|태국 SCP]]] * [[[scp-series-jp|일본 SCP]]][[span class="c_topbar_arrow"]]▸[[/span]] * [[[scp-series-jp|일본 시리즈 Ⅰ]]] * [[[scp-series-jp-2|일본 시리즈 Ⅱ]]] * [[[scp-series-jp-3|일본 시리즈 Ⅲ]]] * [[[scp-serie-de|독일 SCP]]] * [[[scp-it-serie-i|이탈리아 SCP]]] * [[[scp-series-ua|우크라이나 SCP]]] * [[[series-1-pt|포르투갈 SCP]]] * [[[scp-series-cs|체코슬로바키아 SCP]]] * [[[scp-series-zh|번체중국어 SCP]]] * [[[scp-series-vn|베트남 SCP]]] * [# 배경설정] * [[[about-the-scp-foundation|SCP 재단에 대하여]]] * [[[object-classes|객체 등급]]] * [[[personnel-and-character-dossier|등장인물]]] * [[[personnel-and-character-dossier-ko|등장인물-KO]]] * [[[security-clearance-levels|보안 인가 등급]]] * [[[Secure Facilities Locations|보안 시설]]] * [[[secure-facilities-locations-ko|보안 시설-KO]]] * [[[task-forces|기동특무부대]]] * [[[task-forces-ko|기동특무부대-KO]]] * [# 이용 안내] * [[[guide-hub|안내 허브]]] * [[[site-rules|사이트 규칙]]] * [[[guide-for-newbies |신입 안내]]] * [[[tag-search|태그 검색]]] * [[[meet-the-staff|스태프 소개]]] * [[[criticism-policy|비평 정책]]] * [[[copyright|저작권]]] * [[[licensing-guide|라이선스 안내]]] * [[[image-use-policy|이미지 사용 정책]]] * [[[chat-guide|대화방 안내]]] * [[[deletions-guide|삭제절차 안내]]] * [[[links|링크]]] [[/div]] [[div class="mobile-top-bar"]] [[div class="open-menu"]] [#side-bar ≡] [[/div]] * SCP * [[[scp-series-ko|시리즈 KO Ⅰ]]] * [[[scp-ko-series-tales-edition|» 시리즈 KO Ⅰ 이야기]]] * [[[scp-series-7|시리즈 Ⅶ]]] * [[[scp-series-6|시리즈 Ⅵ]]] * [[[scp-series-6-tales-edition|» 시리즈 Ⅵ 이야기]]] * [[[scp-series-5|시리즈 Ⅴ]]] * [[[scp-series-5-tales-edition|» 시리즈 Ⅴ 이야기]]] * [[[scp-series-4|시리즈 Ⅳ]]] * [[[scp-series-4-tales-edition|» 시리즈 Ⅳ 이야기]]] * [[[scp-series-3|시리즈 Ⅲ]]] * [[[scp-series-3-tales-edition|» 시리즈 Ⅲ 이야기]]] * [[[scp-series-2|시리즈 Ⅱ]]] * [[[scp-series-2-tales-edition|» 시리즈 Ⅱ 이야기]]] * [[[scp-series|시리즈 Ⅰ]]] * [[[scp-series-1-tales-edition|» 시리즈 Ⅰ 이야기]]] * 이야기 * [[[foundation-tales|이야기 허브]]] * [[[foundation-tales-ko|한국어 이야기 허브]]] * [[[series-archive|연작 보관소]]] * [[[series-archive-ko|한국어 연작 보관소]]] * [[[incident-reports-eye-witness-interviews-and-personal-logs|사건 보고서]]] * [[[creepy-pasta|크리피파스타 보관소]]] * 자료실 * [[[user-curated-lists|유저 선정 목록]]] * [[[joke-scps|농담 SCP]]] * [[[joke-scps-tales-edition|» 농담 시리즈 이야기]]] * [[[joke-scps-ko|농담 SCP-KO]]] * [[[scp-ex|해명된 SCP]]] * [[[explained-scps-tales-edition|» 해명 시리즈 이야기]]] * [[[scp-ko-ex|해명된 SCP-KO]]] * [[[goi-formats|요주의 단체 서식]]] * [[[goi-formats-ko|요주의 단체 서식 KO]]] * [[[audio-adaptations|]]] * [[[scp-artwork-hub|아트워크]]] * [[[scp-artwork-hub-ko|아트워크 KO]]] * [[[contest-archive|경연 보관소]]] * [[[contest-archive-ko|경연 보관소 KO]]] * 세계관 * [[[canon-hub|카논]]] * [[[canon-hub-ko|카논-KO]]] * [[[groups-of-interest|요주의 단체]]] * [[[groups-of-interest-ko|요주의 단체-KO]]] * [[[log-of-anomalous-items|변칙 개체]]] * [[[log-of-anomalous-items-ko|변칙 개체-KO]]] * [[[log-of-extranormal-events|이상 징후]]] * [[[log-of-extranormal-events-ko|이상 징후-KO]]] * [[[log-of-unexplained-locations|변칙 장소]]] * [[[log-of-unexplained-locations-ko|변칙 장소-KO]]] * [[[object-classes|객체 등급]]] * [[[personnel-and-character-dossier|등장인물]]] * [[[personnel-and-character-dossier-ko|등장인물-KO]]] * [[[security-clearance-levels|보안 인가 등급]]] * [[[secure Facilities Locations|보안 시설]]] * [[[secure-facilities-locations-ko|보안 시설-KO]]] * [[[task-forces|기동특무부대]]] * [[[task-forces-ko|기동특무부대-KO]]] * [# 이용 안내] * [[[guide-hub|안내 허브]]] * [[[site-rules|사이트 규칙]]] * [[[guide-for-newbies |신입 안내]]] * [[[tag-search|태그 검색]]] * [[[meet-the-staff|스태프 소개]]] * [[[criticism-policy|비평 정책]]] * [[[copyright|저작권]]] * [[[licensing-guide|라이선스 안내]]] * [[[image-use-policy|이미지 사용 정책]]] * [[[chat-guide|대화방 안내]]] * [[[deletions-guide|삭제절차 안내]]] * [[[links|링크]]] [[/div]] </div> <div id="login-status"><span class="printuser"><a href="javascript:;" target="_self" onclick="return false;"><img class="small" src="https://www.wikidot.com/common--images/avatars/default/a16.png" alt="avatar" style="background-image:url(https://www.wikidot.com/common--theme/base/images/karma/karma_5.png)"/></a>user_name</span> | <a id="my-account" href="https://www.wikidot.com/account/activity">我的帐户</a> <a id="account-topbutton" href="javascript:;" target="_self">▼</a><div id="account-options"><ul><li><a href="https://www.wikidot.com/account/activity">活动</a></li><li><a href="https://www.wikidot.com/account/messages">消息</a></li><li><a href="https://www.wikidot.com/account/sites">网站</a></li><li><a href="https://www.wikidot.com/account/settings">设定</a></li><li><a href="https://www.wikidot.com/account/upgrade">升级</a></li><li><a href="javascript:;" target="_self" onclick="return false;">登出</a></li></ul></div></div> <div id="header-extra-div-1"><span></span></div><div id="header-extra-div-2"><span></span></div><div id="header-extra-div-3"><span></span></div> </div> <div id="content-wrap"> <div id="side-bar" style="display:none"> [[=]] [!--사이트 썸네일로 기능하는 이미지입니다.--] [[image http://scpko.wdfiles.com/local--files/main/logo_white.png style="width: 0; height: 0;"]] [[/=]] [[div class="side-block" style="display: block; background-color: #f0fff6;"]] [[div_ class="menu-item" style="margin-bottom: 5px; text-align: center;"]] [[[guide-hub|안내 허브]]] | [[[guide-by-scka|방문자 안내]]] [[/div]] [[collapsible show="새 회원 정보" hide="새 회원 정보"]] [[div_ class="menu-item"]] [[[about-the-scp-foundation|SCP 재단에 대하여]]] [[/div]] [[div_ class="menu-item"]] [[[Site Rules|사이트 규칙]]] | [[[guide-for-newbies|신입 안내]]] [[/div]] [[div_ class="menu-item"]] [[[scp-ko-glossary|용어집‑KO]]] | [[[FAQ]]] [[/div]] [[/collapsible]] [[collapsible show="새 기여자 정보" hide="새 기여자 정보"]] [[div_ class="menu-item"]] [[[how-to-write-an-scp|작성 가이드]]] | [[[wiki-syntax|위키 구문]]] [[/div]] [[div_ class="menu-item"]] [[[tag-guide|태그 안내]]] | [[[translate:tags|태그 번역]]] [[/div]] [[div_ class="menu-item"]] [[[licensing-guide|라이선스 안내]]] [[/div]] [[div_ class="menu-item"]] [[[translate:rules|번역 규정]]] | [[[reserved-translations|번역 예약]]] [[/div]] [[/collapsible]] [[div_ class="menu-item" style="text-align: center;"]] [[[system:join|사이트 가입하기]]] [[/div]] [[/div]] [[div class="side-block"]] [[div_ class="menu-item" style="display: flex; justify-content: center;"]] [[a href="/" style="display: inline-block; order: 1; width: 30%; text-align: center;"]]대문[[/a]] [[div_ style="display: inline-block; order: 1; width: 10px; text-align: center;"]] | [[/div]] [[a href="/forum:start" style="display: inline-block; order: 1; width: 30%; text-align: center;"]]포럼[[/a]] [[/div]] [[div class="heading"]] SCP 데이터베이스 [[/div]] [[div_ class="menu-item" style="letter-spacing:-0.5px;"]] [[[scp-series|I]]] | [[[scp-series-2|II]]] | [[[scp-series-3|III]]] | [[[scp-series-4|IV]]] | [[[scp-series-5|V]]] | [[[scp-series-6|VI]]] | [[[scp-series-7|VII]]] [[/div]] [[div_ class="menu-item" style="letter-spacing:0;"]] [[[scp-series-8|VIII]]] | [[[scp-international|INT]]] | [[[scp-series-ko|SCP‑KO]]] [[/div]] [[div class="heading"]] SCP‑EN 자료 [[/div]] [[div_ class="menu-item" style="letter-spacing:-1px;"]] [[[foundation-tales|이야기]]] | [[[canon-hub|카논]]] | [[[scp-artwork-hub|아트워크]]] | [[[goi-formats|GOI 서식]]] [[/div]] [[div class="heading"]] SCP‑KO 자료 [[/div]] [[div_ class="menu-item" style="letter-spacing:-1px;"]] [[[foundation-tales-ko|이야기]]] | [[[canon-hub-ko|카논]]] | [[[scp-artwork-hub-ko|아트워크]]] | [[[goi-formats-ko|GOI 서식]]] [[/div]] [[div class="heading"]] 사이트 [[/div]] [[div_ class="menu-item" style="letter-spacing:-0.75px;"]] [[[random:random-scp|랜덤 SCP]]] | [[[random:random-tale|랜덤 이야기]]] | [[[random:random-goi-format|랜덤 서식]]] [[/div]] [[div_ class="menu-item"]] [[[top-rated-pages-this-month|최고 평점 목록]]] | [[[new-pages-feed|최근 생성 목록]]] [[/div]] [[div_ class="menu-item"]] [[[tag-search|태그 검색]]] [[/div]] [[div class="heading"]] 커뮤니티 [[/div]] [[div_ class="menu-item"]] [[[forum:recent-posts|최근 포스트]]] | [[[chat-guide|대화방]]] [[/div]] [[div_ class="menu-item"]] [[[authors-pages|작가 페이지]]] | [[[authors-pages-ko|한국어 작가 페이지]]] [[/div]] [[div_ class="menu-item"]] [[[news|이달의 소식]]] | [[[http://scpko.wikidot.com/forum/c-7000466/|이슈트래커]]] [[/div]] [[div class="heading"]] 링크 [[/div]] [[div_ class="menu-item"]] [*http://www.scp-wiki.net/ SCP‑EN] | [*http://scp-int.wikidot.com/ SCP‑INT] [[/div]] [[div_ class="menu-item"]] [*http://sandbox.scp-wiki.kr/ 샌드박스 초호기] | [*http://scpkosb.wikidot.com/ 이호기] [[/div]] [[div_ class="menu-item"]] [*http://ko5command.wikidot.com/ 운영진 포럼] | [*http://scpper.com/ 통계] [[/div]] [[div class="heading" style="padding: 0; height: 0;"]] [[/div]] [[div_ class="menu-item" style="text-align: center;"]] [[[contribute|기여하기]]] [[/div]] [[/div]] [[div class="side-block" style="display: block; background-color: #fff0f0;"]] [[collapsible show="관리" hide="관리"]] [[div_ class="menu-item"]] [/_admin 사이트 매니저] [[/div]] [[div_ class="menu-item"]] [[[workbench|워크벤치]]] | [[[system:list-all-pages|모든 페이지]]] [[/div]] [[/collapsible]] [[div_ class="menu-item"]] [[[nav:side|사이드바]]] | [[[nav:top|상단바]]] | [[[component:theme|사이트 테마]]] [[/div]] [[/div]] [[div class="side-block" style="background-color: #E5E5FF;"]] [[=]] [[image http://scpko.wdfiles.com/local--files/nav%3Aside-sns/icon-discord-50.png link="*http://scpko.wikidot.com/chat-guide" class="sns-icon"]] [[image http://scpko.wdfiles.com/local--files/nav%3Aside-sns/icon-twitter-50.png link="*http://twitter.com/scp_ko" class="sns-icon"]] [[image http://scpko.wdfiles.com/local--files/nav%3Aside-sns/icon-youtube-50.png link="*https://www.youtube.com/c/SCPKO" class="sns-icon"]] [[image http://scpko.wdfiles.com/local--files/nav%3Aside-sns/icon-naverblog-50.png link="*http://blog.naver.com/scpnews" class="sns-icon"]] [[module css]] .sns-icon { width: 40px; height: 40px; } [[/module]] [[/=]] [[/div]] ~~~~ [[=]] [[image CC-by-sa-small.png width="175px" link="*http://creativecommons.org/licenses/by-sa/3.0/deed.ko"]] [[size 80%]][[[copyright]]][[/size]] [[/=]] [[a href="##" class="close-menu"]] [[image black.png style="z-index:-1; opacity: 0.3;"]] [[/a]] [[module CSS]] iframe.scpnet-interwiki-frame { height: 0; } [[/module]] [!-- EN Interwiki, based on the CN Interwiki by 7happy7 and Sekai-s. Source: https://github.com/scpwiki/interwiki Usage: On the page that will contain the Interwiki: [[include :scp-wiki:nav:interwiki | lang=en | community=scp ]] Change the lang and community for your branch as appropriate. Branches must be supported by Crom (https://crom.avn.sh). On other pages (e.g. CSS themes), see https://scpwiki.com/component:interwiki-style to style the Interwiki. See also: https://scpwiki.com/how-to-create-a-branch-of-the-scp-foundation --] [[div class="scpnet-interwiki-wrapper interwiki-stylable"]] [[module ListPages range="." limit="1"]] [[embed]] <iframe src="//interwiki.scpwiki.com/interwikiFrame.html?lang=ko&community=scp&pagename=%%fullname%%" allowtransparency="true" class="html-block-iframe scpnet-interwiki-frame"></iframe> [[/embed]] [[/module]] [[/div]] [!-- Styling component for the EN Interwiki, based on the CN Interwiki by 7happy7 and Sekai-s. Please note that as of 2022-03-15, the new EN interwiki is not yet active on the EN SCP Wiki, so this styling component will not yet work. Interwiki: https://scpwiki.com/interwiki Source: https://github.com/scpwiki/interwiki See also: https://scpwiki.com/how-to-create-a-branch-of-the-scp-foundation Usage: On the page that intends to restyle the Interwiki: [[include :scp-wiki:component:interwiki-style | priority=X | theme=<link to CSS stylesheet> | css=<URI-encoded CSS> ]] The `priority` value must be set to a number that is 1 greater than the priority of the theme that this theme is extending. Examples: - The base theme of the site (for the SCP Wiki, this is Sigma-9) has a priority of 0. - A CSS theme designed to be used on pages that are already styled with Sigma-9 (i.e. a theme that extends Sigma-9) would have a priority of 1. - The Black Market theme extends the Black Highlighter theme, which has a priority of 2; therefore the Black Market theme would have a priority of 3. The `theme` value is optional, and can be a URL to a CSS stylesheet e.g. a CSS theme. The `css` value is optional, and can be URI-encoded CSS to apply directly to the Interwiki. To URI-encode CSS, see https://meyerweb.com/eric/tools/dencoder --] [[embed]] <iframe src="//interwiki.scpwiki.com/styleFrame.html?priority=0&theme=https://scp-wiki.wdfiles.com/local--code/component%3Atheme/1&css={$css}" style="display: none"></iframe> [[/embed]] [[iftags +_eceaf355-a950-4d5f-bd47-ec4dd79cbbf7]] The Crom pixel is a component that enables super fast page updates. It works by broadcasting the wikidot page's status to Crom's API every time the page is opened, letting Crom know to recrawl a page almost immediately after the page contents have changed or after it was voted on. **This means that all of your wiki's user traffic will also be directed at Crom's servers.** If you haven't discussed it with me first, **don't include it** on your pages. It is only designed to work on specific wikis, and meant to be inserted into widely included areas, like a wiki sidebar. ✨ [[/iftags]] [[div style="position: absolute; top: -9999px; left: -9999px"]] [[module ListPages range="." limit="1"]] [[image https://api.crom.avn.sh/pixel?site_name=%%site_name%%&fullname=%%fullname%%&revisions=%%revisions%%&rating=%%rating%%&rating_votes=%%rating_votes%% alt=""]] [[/module]] [[/div]] ~~~~ </div> <div id="main-content"> <div id="action-area-top"></div> <div id="page-title"> SCP-173 </div> <div id="page-content"> <div class="scp-image-block block-right" style="width:300px;"><img src="https://scp-wiki.wdfiles.com/local--files/secure-facility-dossier-site-81/site.jpg" style="width:300px;" alt="Site-81.jpg" class="image" /> <div class="scp-image-caption" style="width:300px;"> <p>Site-81</p> </div> </div> <p><strong>일련번호:</strong> SCP-173</p> <p><strong>등급:</strong> 유클리드(Euclid)</p> <p><strong>특수 격리 절차:</strong> 항목 SCP-173은 항상 잠긴 격리실 내에 두어야한다. 인원이 반드시 SCP-173의 컨테이너로 들어가야 할 때는 언제라도 최소한 3명이 들어가야하고, 문은 그 뒤에서 다시 잠가야한다. 모든 인원이 떠나고 격리실을 다시 잠글 때까지 두 명의 인원이 항상 직접 SCP-173과 시선을 마주치고 있어야 한다.</p> <p><strong>설명:</strong> 1993년에 제19기지로 옮겨졌다. 그 출처는 아직 알려지지 않았다. 크릴론(Krylon) 상표의 스프레이 페인트 자국이 있는 철근 콘크리트로 구성되어있다. SCP-173은 움직일 수 있으며 지극히 적대적이다. 시야 범위 안에 대상이 들어와 있으면 대상은 움직일 수 없다. 어느 순간에도 SCP-173을 향하는 시선이 끊어져서는 안된다. 격리실에 들어가도록 배정된 인원은 눈을 깜빡이기 전에 다른 사람에게 경고하라는 지시를 받는다. 대상이 머리뼈 바닥을 부러뜨리거나 목을 졸라 공격한다는 것이 보고되었다. 공격할 경우, 인원은 4 등급 위험 개체 격리 절차를 따라야한다.</p> <p>인원은 아무도 없을 때에 격리실 내에서 돌을 긁는 소리가 들린다고 보고한다. 이는 정상으로 여겨지며, 이 행동 방식의 변화가 있다면 근무중인 담당 HMCL 감사관에게 보고해야한다.</p> <p>바닥에 있는 적갈색 물질은 배설물과 피의 혼합물이다. 이러한 물질의 원천은 불명이다. 이 공간은 반드시 2주에 한 번씩 청소해 주어야 한다.</p> <div class="footer-wikiwalk-nav"> <div style="text-align: center;"> <p>« <a href="/scp-172">SCP-172</a> | SCP-173 | <a href="/scp-174">SCP-174</a> »</p> </div> </div> <br /> <br /> <br /> <br /> <br /> <div style="text-align: right;"> <p><strong>评分模块：</strong></p> <div class="page-rate-widget-box"><span class="rate-points">评分: <span class="number prw54353">±0</span></span><span class="rateup btn btn-default"><a title="我喜欢" href="javascript:;" target="_self" onclick="WIKIDOT.modules.PageRateWidgetModule.listeners.rate(event, 1)">+</a></span><span class="ratedown btn btn-default"><a title="我不喜欢" href="javascript:;" target="_self" onclick="WIKIDOT.modules.PageRateWidgetModule.listeners.rate(event, -1)">–</a></span><span class="cancel btn btn-default"><a title="取消我的投票" href="javascript:;" target="_self" onclick="WIKIDOT.modules.PageRateWidgetModule.listeners.cancelVote(event)">x</a></span></div> </div> <div style="text-align: right;"> <p><strong>著作信息模块：</strong></p> </div> <div class="creditRate"> <div class="rateBox"> <div class="rate-box-with-credit-button"> <div class="page-rate-widget-box"><span class="rate-points">评分: <span class="number prw54353">±0</span></span><span class="rateup btn btn-default"><a title="我喜欢" href="javascript:;" target="_self" onclick="WIKIDOT.modules.PageRateWidgetModule.listeners.rate(event, 1)">+</a></span><span class="ratedown btn btn-default"><a title="我不喜欢" href="javascript:;" target="_self" onclick="WIKIDOT.modules.PageRateWidgetModule.listeners.rate(event, -1)">–</a></span><span class="cancel btn btn-default"><a title="取消我的投票" href="javascript:;" target="_self" onclick="WIKIDOT.modules.PageRateWidgetModule.listeners.cancelVote(event)">x</a></span></div> <div class="creditButton"> <p><a class="fa fa-info" href="#u-credit-view" target="_self"></a></p> </div> </div> </div> </div> <div style="clear:both;"></div> <div id="u-credit-view"> <div class="fader"> <p><iframe src="https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/1" align="" frameborder="" height="" scrolling="" width="" class="" style=""></iframe></p> </div> <div class="modalcontainer"> <div class="modalbox"> <div style="text-align: center;"> <h2><span>著作信息</span></h2> </div> <hr /> <div class="credit first"> <p><iframe src="https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/4" align="" frameborder="" height="" scrolling="" width="" class="close-credits" style="height:2em;margin: 0;padding: 0;border: 0;background: transparent;"></iframe></p> </div> <hr /> <div class="credit" style="text-align:center; margin-top: 0.5em;"> <p><a href="#u-credit-otherwise" target="_self">更多</a></p> </div> </div> </div> </div> <div id="u-credit-otherwise"> <div class="fader"> <p><iframe src="https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/3" align="" frameborder="" height="" scrolling="" width="" class="" style=""></iframe></p> </div> <div class="modalcontainer"> <div class="modalbox"> <div style="text-align: center;"> <h2><span>更多</span></h2> </div> <hr /> <div class="credit otherwise"></div> <hr /> <div class="credit-back" style="text-align: center;"> <p><iframe src="https://scp-wiki-cn.wdfiles.com/local--code/credit%3Abackmodule/2" align="" frameborder="" height="" scrolling="no" width="" class="" style="height:2em;width: 100%;margin: 0;padding: 0;border: 0;background: transparent;"></iframe></p> </div> </div> </div> </div> <div class="creditRate"> <div class="creditButtonStandalone"> <p><a class="fa fa-info" href="#u-credit-view" target="_self"></a></p> </div> </div> <div style="clear:both;"></div> <div class="collapsible-block"> <div class="collapsible-block-folded"><a class="collapsible-block-link" href="javascript:;" target="_self">+ 제목</a></div> <div class="collapsible-block-unfolded" style="display:none"> <div class="collapsible-block-unfolded-link"><a class="collapsible-block-link" href="javascript:;" target="_self">- 제목</a></div> <div class="collapsible-block-content"> <h1 id="toc0"><span>1단계 제목</span></h1> <h2 id="toc1"><span>2단계 제목</span></h2> <h3 id="toc2"><span>3단계 제목</span></h3> <h4 id="toc3"><span>4단계 제목</span></h4> <h5 id="toc4"><span>5단계 제목</span></h5> <h6 id="toc5"><span>6단계 제목</span></h6> </div> </div> </div> <br /> <script type="text/javascript" src="https://d3g0gp89917ko0.cloudfront.net/v--3e3a6f7dbcc9/common--javascript/yahooui/tabview-min.js"> </script> <div id="wiki-tabview" class="yui-navset yui-navset-top"> <ul class="yui-nav"> <li class="selected" title="active"><a href="javascript:;" target="_self"><em>分页</em></a></li><li><a href="javascript:;" target="_self"><em>分页</em></a></li><li><a href="javascript:;" target="_self"><em>长 Tab</em></a></li><li><a href="javascript:;" target="_self"><em>空 Tab</em></a></li><li><a href="javascript:;" target="_self"><em>空 Tab</em></a></li><li><a href="javascript:;" target="_self"><em>空 Tab</em></a></li><li><a href="javascript:;" target="_self"><em>空 Tab</em></a></li><li><a href="javascript:;" target="_self"><em>空 Tab</em></a></li><li><a href="javascript:;" target="_self"><em>空 Tab</em></a></li></ul> <div class="yui-content"> <div id="wiki-tab-0-0" style="display: block;"> <p>此为分页（tab view）。</p> </div> <div id="wiki-tab-0-1" style="display:none"> <p>看，这有更多文字。</p> <p>多么精巧绝伦。</p> </div> <div id="wiki-tab-0-2" style="display:none"> <p>这是一个长的 tab，它有很多文字。</p> <p>这是一个长的 tab，它有很多文字。</p> <p>这是一个长的 tab，它有很多文字。</p> <p>这是一个长的 tab，它有很多文字。</p> <p>这是一个长的 tab，它有很多文字。</p> <p>这是一个长的 tab，它有很多文字。</p> <p>这是一个长的 tab，它有很多文字。</p> <p>这是一个长的 tab，它有很多文字。</p> <p>这是一个长的 tab，它有很多文字。</p> <p>这是一个长的 tab，它有很多文字。</p> <p>这是一个长的 tab，它有很多文字。</p> <p>这是一个长的 tab，它有很多文字。</p> </div> <div id="wiki-tab-0-3" style="display:none"></div> <div id="wiki-tab-0-4" style="display:none"></div> <div id="wiki-tab-0-5" style="display:none"></div> <div id="wiki-tab-0-6" style="display:none"></div> <div id="wiki-tab-0-7" style="display:none"></div> <div id="wiki-tab-0-8" style="display:none"></div> </div> </div> <script type="text/javascript"> //<![CDATA[ OZONE.dom.onDomReady(function(){ var tabView = new YAHOO.widget.TabView('wiki-tabview'); }, "dummy-ondomready-block"); //]]> </script> <blockquote> <p>这是一个引用块，在一行字的起始处加上“> ”来创建。</p> <p>更多文字</p> <hr /> <p>一条分割线</p> <blockquote> <p>嵌套引用块</p> <blockquote> <p>以及更多<sup class="footnoteref"><a id="footnoteref-1" href="javascript:;" target="_self" class="footnoteref" onclick="WIKIDOT.page.utils.scrollToReference('footnote-1')">1</a></sup></p> </blockquote> </blockquote> </blockquote> <table class="wiki-content-table"> <tbody><tr> <th>这是</th> <th>表格</th> </tr> <tr> <td>你应该老早</td> <td>就知道怎么</td> </tr> <tr> <td colspan="2">做这个了吧</td> </tr> </tbody></table> <hr /> <iframe src="https://scp-wiki-cn.wdfiles.com/local--files/nav%3Aside/styleFrame.html?default" style="display: none;" name="typeFrame"></iframe> <iframe src="https://scp-wiki-cn.wdfiles.com/local--files/nav%3Aside/styleFrame.html?" style="display: none;" name="styleFrame"></iframe> <div class="footnotes-footer"> <div class="title">脚注</div> <div class="footnote-footer" id="footnote-1"><a href="javascript:;" target="_self" onclick="WIKIDOT.page.utils.scrollToReference('footnoteref-1')">1</a>. 这里是脚注！</div> </div> </div> <div class="page-tags"> <span> <a href="/system:page-tags/tag/euclid#pages">euclid</a><a href="/system:page-tags/tag/scp#pages">scp</a><a href="/system:page-tags/tag/%E8%87%AA%E4%B8%BB#pages">自主</a><a href="/system:page-tags/tag/%E8%A7%82%E5%AF%9F%E5%BD%B1%E5%93%8D#pages">观察影响</a><a href="/system:page-tags/tag/%E9%9B%95%E5%A1%91#pages">雕塑</a> </span> </div> <div id="page-info-break"></div> <div id="page-options-container"> <div id="page-info">페이지 내역: 34, 마지막 수정: <span>22 May 2019 23:22 (5 days 전)</span></div> <div class="page-watch-options">주시하기: <a href="javascript:;" target="_self" onclick="WIKIDOT.page.listeners.awatch(event, 'site')">사이트 scpko.wikidot.com</a> | <a href="javascript:;" target="_self" onclick="WIKIDOT.page.listeners.awatch(event, 'category')">카테고리 _default</a> | <a href="javascript:;" target="_self" onclick="WIKIDOT.page.listeners.awatch(event, 'page')">이 페이지</a> [<a href="https://www.wikidot.com/faq:watching" target="_blank">?</a>] </div> <div id="page-options-bottom" class="page-options-bottom"> <a href="javascript:;" target="_self" class="btn btn-default" id="edit-button">편집</a> <a href="javascript:;" target="_self" class="btn btn-default" id="pagerate-button">평가 (<span id="prw54355">±0</span>)</a> <a href="javascript:;" target="_self" class="btn btn-default" id="tags-button">태그</a> <a href="/forum/t-1084741/scp-173" class="btn btn-default" id="discuss-button">토론하기 (0)</a> <a href="javascript:;" target="_self" class="btn btn-default" id="history-button">내역</a> <a href="javascript:;" target="_self" class="btn btn-default" id="files-button">파일</a> <a href="javascript:;" target="_self" class="btn btn-default" id="print-button">인쇄</a> <a href="javascript:;" target="_self" class="btn btn-default" id="site-tools-button">사이트 도구</a> <a href="javascript:;" target="_self" class="btn btn-default" id="more-options-button">+ 설정</a> </div> <div id="page-options-bottom-2" class="page-options-bottom form-actions" style="display:none"> <a href="javascript:;" target="_self" class="btn btn-default" id="edit-sections-button">编辑段落</a> <a href="javascript:;" target="_self" class="btn btn-default" id="edit-append-button">附加</a> <a href="javascript:;" target="_self" class="btn btn-default" id="edit-meta-button">编辑元信息</a> <a href="javascript:;" target="_self" class="btn btn-default" id="watchers-button">关注者</a> <a href="javascript:;" target="_self" class="btn btn-default" id="backlinks-button">反向链接</a> <a href="javascript:;" target="_self" class="btn btn-default" id="view-source-button">页面源代码</a> <a href="javascript:;" target="_self" class="btn btn-default" id="parent-page-button">父页面</a> <a href="javascript:;" target="_self" class="btn btn-default" id="page-block-button">锁定页面</a> <a href="javascript:;" target="_self" class="btn btn-default" id="rename-move-button">重新命名</a> <a href="javascript:;" target="_self" class="btn btn-default" id="delete-button">删除</a> </div> <div id="page-options-area-bottom"></div> </div> <div id="action-area" style="display: none;"></div> </div> </div> <div id="footer" style="display: block; visibility: visible;"> <div class="options" style="display: block; visibility: visible;"> <a href="https://www.wikidot.com/doc" id="wikidot-help-button">说明</a> | <a href="https://www.wikidot.com/legal:terms-of-service" id="wikidot-tos-button">服务条款</a> | <a href="https://www.wikidot.com/legal:privacy-policy" id="wikidot-privacy-button">隐私</a> | <a href="javascript:;" target="_self" id="bug-report-button" onclick="WIKIDOT.page.listeners.pageBugReport(event)">报告错误</a> | <a href="javascript:;" target="_self" id="abuse-report-button" onclick="WIKIDOT.page.listeners.flagPageObjectionable(event)">标记为令人反感的</a> </div> 基于 <a href="https://www.wikidot.com">Wikidot.com</a> </div> <div id="license-area" class="license-area"> 除非特别注明，本页内容采用以下授权方式：<a rel="license" href="https://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-ShareAlike 3.0 License</a> </div> <div id="extrac-div-1"><span></span></div><div id="extrac-div-2"><span></span></div><div id="extrac-div-3"><span></span></div> </div> </div> <div id="extra-div-1"><span></span></div><div id="extra-div-2"><span></span></div><div id="extra-div-3"><span></span></div> <div id="extra-div-4"><span></span></div><div id="extra-div-5"><span></span></div><div id="extra-div-6"><span></span></div> </div> </div> <div id="dummy-ondomready-block" style="display: none;"></div> <div id="odialog-hovertips" style="position: absolute; z-index: 100; top: 0px; width: 100%;"><div id="edit-button-hovertip" class="hovertip" style="position: absolute; display: none; border: 1px solid black;"><div class="content">点击这里编辑本页内容。</div></div><div id="edit-sections-button-hovertip" class="hovertip" style="position: absolute; display: none; border: 1px solid black;"><div class="content">点击这里切换编辑页面的各个部分（如果可能）。请留意标题附近的“编辑”链接。</div></div><div id="edit-append-button-hovertip" class="hovertip" style="position: absolute; display: none; border: 1px solid black;"><div class="content">在不编辑整个页面源代码的情况下添加内容。</div></div><div id="history-button-hovertip" class="hovertip" style="position: absolute; display: none; border: 1px solid black;"><div class="content">看看本页过去是如何沿革的。</div></div><div id="discuss-button-hovertip" class="hovertip" style="position: absolute; display: none; border: 1px solid black;"><div class="content">若您想要讨论本页内容 - 这是最简单的方法。</div></div><div id="files-button-hovertip" class="hovertip" style="position: absolute; display: none; border: 1px solid black;"><div class="content">检视并管理本页附件。</div></div><div id="site-tools-button-hovertip" class="hovertip" style="position: absolute; display: none; border: 1px solid black;"><div class="content">管理网站的实用工具。</div></div><div id="backlinks-button-hovertip" class="hovertip" style="position: absolute; display: none; border: 1px solid black;"><div class="content">检视链接至本页或引用本页的页面。</div></div><div id="rename-move-button-hovertip" class="hovertip" style="position: absolute; display: none; border: 1px solid black;"><div class="content">变更页面名称（及 URL 地址，或许会影响分类）。</div></div><div id="view-source-button-hovertip" class="hovertip" style="position: absolute; display: none; border: 1px solid black;"><div class="content">在不编辑的情形下检视维基源代码。</div></div><div id="parent-page-button-hovertip" class="hovertip" style="position: absolute; display: none; border: 1px solid black;"><div class="content">检视/设置父页面（用以建立面包屑导航与结构化布局）。</div></div><div id="abuse-report-button-hovertip" class="hovertip" style="position: absolute; display: none; border: 1px solid black;"><div class="content">向管理员举报本页有令人反感的内容。</div></div><div id="bug-report-button-hovertip" class="hovertip" style="position: absolute; display: none; border: 1px solid black;"><div class="content">事情不如预期？看看您可以做些什么。</div></div><div id="wikidot-help-button-hovertip" class="hovertip" style="position: absolute; display: none; border: 1px solid black;"><div class="content">一般的 Wikidot.com 文件与说明。</div></div><div id="wikidot-tos-button-hovertip" class="hovertip" style="position: absolute; display: none; border: 1px solid black;"><div class="content">Wikidot.com 服务条款 - 您可以做的事，您不该做的事等等。</div></div><div id="wikidot-privacy-button-hovertip" class="hovertip" style="position: absolute; display: none; border: 1px solid black;"><div class="content">Wikidot.com 隐私政策。</div></div></div> <script type="text/javascript"> var chars = ["0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z","a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z"]; var topbar = document.getElementById("top-bar").innerHTML; var sidebar = document.getElementById("side-bar").innerHTML; var placeHolder = ""; while (topbar.search(new RegExp("\\[" + placeHolder + "\\]", "gm")) > -1 || sidebar.search(new RegExp("\\[" + placeHolder + "\\]", "gm")) > -1) { placeHolder += chars[Math.ceil(Math.random() * 62)]; } function commonParser(str) { str = str.replace(/\[!--[\s\S]*?--\]/gm, "").replace(/</gm, "<").replace(/>/gm, ">").replace(/\n+/gm, "[" + placeHolder + "]").replace(/\s/gm, " ").replace(new RegExp("^\\[" + placeHolder + "\\]|\\[" + placeHolder + "\\]$", "gm"), "").replace(new RegExp("\\[" + placeHolder + "\\]", "gm"), "\n").replace(/ +$/gm, "").replace(/\[\[(\/?)(div|span|a)( .+?)?\]\]/gm, "<$1$2$3>").replace(/\[\[\[\ *([^\[\]\|]*?[^\[\]\|\s])\ *\|\ *([^\[\]\|]*?[^\[\]\|\s])\ *\]\]\]/gm, "[[[$1|$2]]]").replace(/\[\[\[[^\[\]\|]+?\|/gm, function(str){return "[[[" + str.toLowerCase().replace(/[^a-z0-9:\-]+/g, "-").replace(/\:+/g, ":").replace(/^[-:]+|[-:]+$/g, "") + "|";}).replace(/\[\[\[([^\[\]\|]+?)\|([^\[\]\|]*?)\]\]\]/gm, "<a href=\"/$1\">$2</a>").replace(/\[\[\[[^\[\]\|]+?\]\]\]/gm, function(str){return "<a href=\"/" + str.toLowerCase().replace(/[^a-z0-9:\-]+/g, "-").replace(/\:+/g, ":").replace(/^[-:]+|[-:]+$/g, "") + "\">" + str.replace(/[\[\]]+/gm, "") + "</a>";}).replace(/\[# ([^\]]+?)\]/gm, "<a href=\"javascript:;\">$1</a>").replace(/\[(https?:\/\/|\/|#)(\S*) ([^\]]+?)\]/gm, "<a href=\"$1$2\">$3</a>").replace(/\[\*(https?:\/\/|\/|#)(\S*) ([^\]]+?)\]/gm, "<a href=\"$1$2\" target=\"_blank\">$3</a>").replace(/\[\[image (https?:\/\/|\/)?(\S+\/)?(\S+)( .+?)?\]\]/gm, "<img src=\"$1$2$3\" alt=\"$3\" class=\"image\"$4 />").replace(/<img( [^>]+?) link="(https?:\/\/|\/|#)(\S*)"( [^>]+?)? \/>/gm, "<a href=\"$2$3\"><img$1$4 /></a>").replace(/<img( [^>]+?) link="\*(https?:\/\/|\/|#)(\S*)"( [^>]+?)? \/>/gm, "<a href=\"$2$3\" target=\"_blank\"><img$1$4 /></a>").replace(/\[\[iframe (https?:\/\/|\/)(\S*)( .+?)?\]\]/gm, "<iframe src=\"$1$2\"$3></iframe>").replace(/%%category%%/gm, "_default").replace(/%%(full)?name%%/gm, "scp-173").replace(/\[\[collapsible show="([^"]*)" hide="([^"]*)"\]\]/gm, "<div class=\"collapsible-block\">\n<div class=\"collapsible-block-folded\"><a class=\"collapsible-block-link\" href=\"javascript:;\">$1</a></div>\n<div class=\"collapsible-block-unfolded\" style=\"display:none\">\n<div class=\"collapsible-block-unfolded-link\"><a class=\"collapsible-block-link\" href=\"javascript:;\">$2</a></div>\n<div class=\"collapsible-block-content\">").replace(/\[\[\/collapsible\]\]/gm, "</div>\n</div>\n</div>").replace(/\[\[=\]\]\n/gm, "<div style=\"text-align: center;\">").replace(/\n\[\[\/=\]\]/gm, "</div>").replace(/\[\[size *(.*?)\]\]/gm, "<span style=\"font-size:$1;\">").replace(/\[\[\/size\]\]/gm, "</span>").replace(/^-{4,}$/gm, "<hr />").replace(/^~{4,}$/gm, "<div style=\"clear:both; height: 0px; font-size: 1px\"></div>").replace(/--(.+?)--/gm, "<span style=\"text-decoration: line-through;\">$1</span>"); return str; } function commonPostParser(str) { while (str.search(/\[\[module CSS\]\]([\s\S]*?)\n*\[\[\/module\]\]/i) > -1) { document.getElementById("internal-style").innerHTML += str.match(/\[\[module CSS\]\]([\s\S]*?)\n*\[\[\/module\]\]/i)[1]; str = str.replace(/\n*\[\[module CSS\]\]([\s\S]*?)\n*\[\[\/module\]\]\n*/i, ""); } str = str.replace(/href="#"/gm, "href=\"###\"").replace(/href="(javascript:;|#\S*?)"/gm, "href=\"$1\" target=\"_self\"").replace(/\[\[embed\]\]\n</gm, "<").replace(/><\/iframe>\n\[\[\/embed\]\]/gm, "></iframe>").replace(/\[\[module ListPages.*?\]\]([\s\S]*?)\[\[\/module\]\]/igm, "<div class=\"list-pages-box\"><div class=\"list-pages-item\"><p>$1</p></div></div>").replace(/^([^<].*?[^>])$/gm, "<p>$1</p>").replace(/^(<a .+?>.*?<\/a>)$/gm, "<p>$1</p>").replace(/\n{2,}/gm, "\n").replace(/([^>])$/gm, "$1<br />"); return str; } topbar = commonParser(topbar); for (var i = 0; topbar.search(new RegExp("^ {" + i + "}\\* ", "gm")) > -1; i++) { topbar = topbar.replace(new RegExp("^( {" + i + "})(\\* .*)$", "gm"), "$1$2[" + placeHolder + "]$1"); } for (var i = 0; topbar.search(new RegExp("\\[" + placeHolder + "\\] {" + i + "}\\n", "gm")) > -1; i++) { topbar = topbar.replace(new RegExp("\\[" + placeHolder + "\\] {" + i + "}\\n {" + i + "}\\* +", "gm"), "</li>\n<li>").replace(new RegExp("\\[" + placeHolder + "\\] {" + i + "}\\n {" + (i + 1) + "}( *)\\* +", "gm"), "$1<ul>\n<li>").replace(new RegExp("\\[" + placeHolder + "\\] {" + (i + 1) + "}( *)\\n {" + i + "}\\* +", "gm"), "</li>\n</ul>\n$1</li>\n<li>"); } topbar = topbar.replace(/^( *)\* +/gm, "$1<ul>\n<li>").replace(new RegExp("\\[" + placeHolder + "\\]( *)$", "gm"), "$1</li>\n</ul>"); while (topbar.search(/ +<ul>/gm) > -1) { topbar = topbar.replace(/ ( *)<ul>/gm, "$1<ul>\n<li><ul>"); } while (topbar.search(/ +<\/li>/gm) > -1) { topbar = topbar.replace(/ ( *)<\/li>/gm, "</li>\n</ul>\n$1</li>"); } topbar = topbar.replace(/^<li>([^<>]+?)<ul>$/gm, "<li><a href=\"javascript:;\">$1</a><ul>"); topbar = commonPostParser(topbar); document.getElementById("top-bar").innerHTML = topbar; sidebar = commonParser(sidebar); sidebar = sidebar.replace(/<img src="([^\/"]+)"/gm, "<img src=\"https://cdn.jsdelivr.net/gh/scp-cn-tech/sigma9@cn/img/$1\"").replace(/(alt="cc-by-sa.svg" class="image" style="margin-bottom: 10px;" \/><\/a>)$/gm, "$1<br />").replace(/iframe src="[^"]*"/gm, "iframe src=\"/local--code/css-previewer/3\""); sidebar = commonPostParser(sidebar); document.getElementById("side-bar").innerHTML = sidebar; document.getElementById("top-bar").removeAttribute("style"); document.getElementById("side-bar").removeAttribute("style"); </script> <script type="text/javascript"> function receiveData(mode, value) { switch (mode) { case 0: switch (value) { case "0": document.getElementById("internal-style").innerHTML = ""; window.interwikiFrame.changeStyle("default"); document.getElementsByName("typeFrame")[0].src = "https://scp-wiki-cn.wdfiles.com/local--files/nav%3Aside/styleFrame.html?default"; break; case "1": document.getElementById("internal-style").innerHTML = "@import url(https://scpko.wdfiles.com/local--code/component%3Atheme/1);"; window.interwikiFrame.changeStyle("default"); document.getElementsByName("typeFrame")[0].src = "https://scp-wiki-cn.wdfiles.com/local--files/nav%3Aside/styleFrame.html?default"; break; case "2": document.getElementById("internal-style").innerHTML = "@import url('https://cdn.jsdelivr.net/gh/Nu-SCPTheme/Black-Highlighter@gh-pages/css/min/normalize.min.css');\n@import url('https://cdn.jsdelivr.net/gh/Nu-SCPTheme/Black-Highlighter@gh-pages/css/min/black-highlighter.min.css');\n@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');"; window.interwikiFrame.changeStyle("bhl"); document.getElementsByName("typeFrame")[0].src = "https://scp-wiki-cn.wdfiles.com/local--files/nav%3Aside/styleFrame.html?bhl"; break; } break; case 1: if (value.search(/^([0-9]+)px$/g) != -1) { var metaWidth = value; } else { var metaWidth = "device-width"; } document.getElementsByTagName("meta")[2].content = "width=" + metaWidth + ", initial-scale=1.0"; break; case 2: case 3: var cssArea = document.getElementsByName("cssArea"); cssArea[mode - 2].innerHTML = value; break; case 4: window.interwikiFrame.changeStyle(value); document.getElementsByName("styleFrame")[0].src = "https://scp-wiki-cn.wdfiles.com/local--files/nav%3Aside/styleFrame.html?" + encodeURIComponent(value); break; } if (mode <= 1) { window.parent.recordData(mode, value); } } </script> </body> </html>
跨维基样本：
<html> <head> <style type="text/css" id="internal-style">@import url(https://cdn.jsdelivr.net/gh/scp-cn-tech/interwiki@cn/style.css);</style> <style type="text/css" id="custom-style"></style> <!-- C-take's resizing iframe method --> <script type="text/javascript" src="https://cdn.jsdelivr.net/gh/scp-cn-tech/interwiki@cn/createResizeIframe.js"></script> <meta name="viewport" content="width=device-width,initial-scale=1"> </head> <body> <div class="side-block"><div class="heading"></div><div class="menu-item" name="cs"><img src="https://cdn.jsdelivr.net/gh/scp-cn-tech/sigma9@cn/img/default.png" alt="default.png" class="image"><a href="https://scp-cs.wikidot.com/scp-173" target="_blank">Česky</a></div><div class="menu-item" name="en"><img src="https://cdn.jsdelivr.net/gh/scp-cn-tech/sigma9@cn/img/default.png" alt="default.png" class="image"><a href="https://scp-wiki.wikidot.com/scp-173" target="_blank">English</a></div><div class="menu-item" name="fr"><img src="https://cdn.jsdelivr.net/gh/scp-cn-tech/sigma9@cn/img/default.png" alt="default.png" class="image"><a href="https://fondationscp.wikidot.com/scp-173" target="_blank">Français</a></div><div class="menu-item" name="de"><img src="https://cdn.jsdelivr.net/gh/scp-cn-tech/sigma9@cn/img/default.png" alt="default.png" class="image"><a href="https://scp-wiki-de.wikidot.com/scp-173" target="_blank">Deutsch</a></div><div class="menu-item" name="it"><img src="https://cdn.jsdelivr.net/gh/scp-cn-tech/sigma9@cn/img/default.png" alt="default.png" class="image"><a href="https://fondazionescp.wikidot.com/scp-173" target="_blank">Italiano</a></div><div class="menu-item" name="jp"><img src="https://cdn.jsdelivr.net/gh/scp-cn-tech/sigma9@cn/img/default.png" alt="default.png" class="image"><a href="https://scp-jp.wikidot.com/scp-173" target="_blank">日本語</a></div><div class="menu-item" name="ko"><img src="https://cdn.jsdelivr.net/gh/scp-cn-tech/sigma9@cn/img/default.png" alt="default.png" class="image"><a href="https://ko.scp-wiki.net/scp-173" target="_blank">한국어</a></div><div class="menu-item" name="pl"><img src="https://cdn.jsdelivr.net/gh/scp-cn-tech/sigma9@cn/img/default.png" alt="default.png" class="image"><a href="https://scp-wiki.net.pl/scp-173" target="_blank">Polski</a></div><div class="menu-item" name="ptbr"><img src="https://cdn.jsdelivr.net/gh/scp-cn-tech/sigma9@cn/img/default.png" alt="default.png" class="image"><a href="https://scp-pt-br.wikidot.com/scp-173" target="_blank">Português</a></div><div class="menu-item" name="ru"><img src="https://cdn.jsdelivr.net/gh/scp-cn-tech/sigma9@cn/img/default.png" alt="default.png" class="image"><a href="https://scpfoundation.net/scp-173" target="_blank">Русский</a></div><div class="menu-item" name="es"><img src="https://cdn.jsdelivr.net/gh/scp-cn-tech/sigma9@cn/img/default.png" alt="default.png" class="image"><a href="https://scp-es.com/scp-173" target="_blank">Español</a></div><div class="menu-item" name="th"><img src="https://cdn.jsdelivr.net/gh/scp-cn-tech/sigma9@cn/img/default.png" alt="default.png" class="image"><a href="https://scp-th.wikidot.com/scp-173" target="_blank">ภาษาไทย</a></div><div class="menu-item" name="ua"><img src="https://cdn.jsdelivr.net/gh/scp-cn-tech/sigma9@cn/img/default.png" alt="default.png" class="image"><a href="https://scp-ukrainian.wikidot.com/scp-173" target="_blank">Українська</a></div></div> <script type="text/javascript"> var heading = document.getElementsByClassName("heading")[0], inStyle = document.getElementById("internal-style"), cuStyle = document.getElementById("custom-style"); var styleType = "default"; var styleStr = "default"; function switchStyleType() { switch (styleType) { case "wanderers": inStyle.innerHTML = "@import url(https://cdn.jsdelivr.net/gh/scp-cn-tech/interwiki@cn/style-wl.css);"; break; case "bhl": inStyle.innerHTML = "@import url(https://cdn.jsdelivr.net/gh/scp-cn-tech/interwiki@cn/style-bhl.css);"; break; default: inStyle.innerHTML = "@import url(https://cdn.jsdelivr.net/gh/scp-cn-tech/interwiki@cn/style.css);"; } } function changeStyle(str) { var typeAry = ["bhl", "wanderers", "default", "404"]; if (typeAry.indexOf(str) > -1) { if (styleType != str) { styleType = str; switchStyleType(); } } else { if (cuStyle.innerHTML != str) cuStyle.innerHTML = str; } } function changeStyleCheck() { try { changeStyle(decodeURIComponent(window.parent.window.typeFrame.location.search.substr(1))); } catch(e) {} try { changeStyle(decodeURIComponent(window.parent.window.styleFrame.location.search.substr(1))); } catch(e) {} } function getDataAll() { var a = new Date(), af = (v) => v < 10 ? "0" + v : v, ay = a.getFullYear(), amo = af(a.getMonth() + 1), ad = af(a.getDate()), ah = af(a.getHours()), ami = af(a.getMinutes()), as = af(a.getSeconds()), time = ay + "/" + amo + "/" + ad + " " + ah + ":" + ami + ":" + as; heading.innerHTML = '<p><a onclick="window.location.reload(true);" title="点击刷新 ' + "(上一次刷新：" + time + ')">其他语言</a></p>'; } changeStyleCheck(); getDataAll(); </script> <div id="iframeset"></div> </body> </html>
