|
目录
|
这个页面干嘛的？
因为指导页面都是引用后室中分的，因此有些站点特性会导致这里和中分、沙盒Pro略有不同（主要是生存难度组件那个地方）你需要通过看这个来避免这些特性对你的写作造成影响。此外，这个页面还会补充一些常用的，但wiki语法没说的东西。以及对某些位置的写作的特别建议。
其中大部分搜罗自组件页面和排版互助贴，以及各种翻译页面的评论区下。
PS：有人跟我说用这个以后单独开一个页面看wiki语法很麻烦，所以我把他集成进来了。
-
补充部分（点击右下角“简”切换）
Wiki语法没提到的基础补充
居中和右侧对齐
最令人愤怒的就是Wiki语法不教居中了。
居中的格式如下：
[[=]]
你要居中的文字
[[/=]]同理，右侧对齐的格式是：
[[>]]
你要右侧对齐的文字
[[/>]]同理，左右对齐的格式是：
[[==]]
你要左右对齐的文字
[[/==]]还有一种方法可以快捷的居中，但是很多情况下不适用，具体什么时候用不了自己摸索下吧。
就像这样
= 就像这样
注意：以上代码一定要自己独立一行，而且前面不应该有任何东西包括空格。
上传图片
首先去图片存放处，把你的图片上传到附件，然后按照该页面给出的语法复制就行了。正常引用的话，图片会默认在右边，语法格式如下：
[[include component:image-block name=https://backrooms-intapar-wiki-cn.wikidot.com/local--files/picturesave/你的图片名字|caption=需要的描述]]
还有一些修饰符：你可以加上这句话让图片居中，以下都是，直接复制在描述后面即可。
|align=center
这两句用来调整长宽，数字可调整。
|height=200px
|width=200px
例子在图片存放处有了，所以不需要再举例一遍了。上传音频
同样需要先上传音频，然后如下所示复制，并且修改音频名字即可。
[[html]]
<button id="disable" onclick="disable(); AudioSource.play()">播放音频</button>
<script>
var AudioSource = new Audio(" http://backrooms-intapar-wiki-cn.wikidot.com/local--files/picturesave/你的音频名字");
AudioSource.loop = false;
function disable() {
document.getElementById("disable").disabled = true;
setTimeout(function() {
document.getElementById("disable").disabled = false;
}, AudioSource.duration * 1000);
}
</script>
[[/html]]折叠套折叠
SCP的组件，用这个代替普通的折叠块即可。
代码如下：
[[include :backrooms-wiki-cn:component:coltop show=+ 展开|hide=- 收起]]
内容
[[include :backrooms-wiki-cn:component:colend]]行内折叠
-
- _
就像这样
代码
在需要行内折叠处放置以下代码：[[div class="inline-colmod"]]
折叠块前的文字
[[include :scp-wiki-cn:component:coltop show = 展开前的文字| hide= | nohide = true ]]
点击展开后的文字
[[include :scp-wiki-cn:component:colend]]
折叠块后的文字
[[/div]]
注意，[[include ...]]必须独立成行。分页折叠
来自SCP的语法教学
[[tabview]] [[tab 按钮1]] 内容1 [[/tab]] [[tab 按钮2]] 内容2 [[/tab]] [[tab 按钮3]] 内容3 [[/tab]] [[tab 按钮4]] 内容4，下面还可以扩展更多 [[/tab]] [[/tabview]]
是世界著名的短毛猫，也是短毛猫的代表品种。种族原产于泰国，故名暹罗猫。在200多年前，这种珍贵的猫仅在泰国的皇宫和大寺院中饲养，是足不出户的贵族。暹罗猫能够较好适应主人当地的气候，且性格刚烈好动，机智灵活，好奇心特强，善解人意
修改透明度
你看不见我
看不见我
不见我
见我
我
方法如下：[[span style="opacity: 50%"]] 你看不见我 [[/span]]
修改百分比即不透明度即可，然后改你需要的文字。
模糊字体
你还是看不见我
方法如下[[span style="filter: blur(1.6px)"]]你还是看不见我[[/span]]
不需要引入字体的特殊字符和字形
使用这个工具直接翻译它们，然后复制。
对标题修改也有效!分割线
五个减号、短横、随便你怎么取名，打出来就行了。
-----
在部分版式中也能隐形的文字
在部分版式中因为背景颜色变化，所以白色的文字将会被显示出来。（选择这句话以查看完整的句子）比如M.E.G.机密数据库版式。或者用黑色Div块之类的，也会使得白色文字被显示出来。
所以你大概没看见这个
所以，你可以这样写：##transparent|你的文字##，这样的话无论如何都会被隐藏文字，不会因为背景色变动被看穿。但是，也只有在复制出来时才能被看到。链接颜色
按照以下给出的模板制作链接即可。
这是你的链接文字例子：
[[a link="https://backrooms-intapar-wiki-cn.wikidot.com/howtowrite" style="color: #000;" target="_blank"]]这是一个链接[[/a]]
黑条
把鼠标放上去试试？
这个黑条放鼠标上去就行了，但是慢而且黑条不消失
这个黑条放鼠标上去就行了，但是快而且黑条会消失
还有白色款式语法在下：
[[span class="bblock"]]这个黑条放鼠标上去就行了，但是慢而且黑条不消失[[/span]]
[[span class="dblock"]]这个黑条放鼠标上去就行了，但是快而且黑条会消失[[/span]]
[[span id="hidtext"]]隐藏文本-鼠标悬停显现[[/span]]白色款需要CSS，复制然后放在页面的随便哪个地方。
[[module css]]
#u-hidtext {
opacity:0; transition: all 0.5s ease-out;
}
#u-hidtext:hover {
opacity:1;
}
[[/module]]当然我还有个更纯的，啥都没有的黑条，大概就是你想的那种，SCP啥啥啥的。直接复制他就可以了。
███
用户名显示
按照如下代码所示：
[[module ListUsers users="."]]
**//欢迎，%%title%%先生。//**
[[/module]]其中你可以把module list框当作是一个不显示的div框，%%title%%取代掉用户名字的部分。其它地方完全就和正常编辑的一模一样。
例子，在Level UX-70中就出现了。
文末小M.E.G.标志
这个是用=image制作的。参考下面枢纽使用的样式，当成例子照抄就可以：
[[div class="darkblock"]]
[[=image http://natedagreat563.wdfiles.com/local--files/storage-unit/Meglogo style="width:100px;"]]
[[=]]
**{{——M.E.G.——}}**
**{{为了人类更美好的明天}}**
[[/=]]
[[/div]]
做出来是这样的，一般放在被Div框起来的那些大段大段的公告或者证明后面，表示文件的正式性。把图片源换了的话，也可以实现其它组织的类似操作，比如Level UX-34的B.F.P.F.的Logo，也是一样的。最后面一句已经标定了大小，如果觉得小的话，可以拉大到120px。——M.E.G.——
为了人类更美好的明天
——B.F.P.F.——
保障您的生活，是我们的职责——E.T.C.——
探索、贸易、创造，竭诚为您服务纯色自定义Div框
这样复制然后修改各个要素的数字，输入颜色代码即可。十六进制颜色代码不会的话可以百度查找相关工具来使用。格式如下：
[[div style="border:solid 边框像素px #边框十六进制颜色代码; background:#背景十六进制颜色代码; padding:背景px; margin-bottom: 边距像素px;"]]
文字部分
[[/div]]
例子：紫罗兰色，兄弟以为它有精神危害
带背景的Div框
Div框是可以自定义的，但Wiki语法显然没说这一点，你可以插入一个背景图片，最好是400x400，这样的话差不多刚刚好能占满中心。
[[=]]
[[div style="background: url(https://backrooms-intapar-wiki-cn.wikidot.com/local--files/picturesave/ETClogobackground.png) center no-repeat; float: center; border: solid 2px #000; padding: 1px 15px; box-shadow: 0 1px 3px rgba(0,0,0,.2);"]]
你要写的文字
不过最好是两三行
要不然可能挤不下
[[/div]]
[[/=]]
一个乳ETC的例子
探索、贸易、创造
我们是E.T.C.，是UX层群特供版B.N.T.G.
我们需要更多出场率！空链接
[# 啥也没有，就是]
评分组件
其实在如何写一篇层级里面有，不过毕竟常用，而且Wiki语法不说，所以还是搬过来好了。
要居中的话把“>”改成“=”即可。[[>]]
[[module rate]]
[[/>]]
例子可能没啥必要，但是还是放一下比较好。
等分表格
这需要借助div来实现，首先你需要确定你的表格要几等分，比如需要三等分，那么每份就是33.33%大小，四等分，每份就是25%大小。复制下方css放在页面任意位置，并且修改“数值”处为每份所占的比例。
[[module CSS]]
.dividing-table table tr>* { width: 33.33% }
[[/module]]在你需要使用的位置把它用这个css预设的div框框选出来即可。就像这样
这是一个 三等分的 表格，然后我呜啊呜啊呜哇哇哇呜呜呜呜呜呜呜呜呜呜呜呜哇哇哇哇哇哇哇哇哇哇呜呜喵 [[div class="special-table"]]
|| 这是一个 || 三等分的 || 表格，然后我呜啊呜啊呜哇哇哇呜呜呜呜呜呜呜呜呜呜呜呜哇哇哇哇哇哇哇哇哇哇呜呜喵 ||
[[/div]]生存难度组件
站点特性警告部分
站点的生存难度特别适配过，所以必须把include那一句改成这个才能正常显示！
[[include :backrooms-wiki-cn:component:level-class
特别提醒的是，生存难度组件、修改页面标题、版式、物品分级组件、实体分类组件等都需要保存后才能查看，预览是看不了的。
和生存难度组件使用说明书相似，你可以自己修改下述需要显示的东西。首先是基础的，你不需要什么就删掉什么就行了，你可以全删掉其它的行列，但至少需要保留lang和class。class，生存难度，默认支持填下以下文字，填写别的都会变成自定义难度，此时你需要修改color和image，以改变框框颜色和图标，否则就和生存难度1的一模一样。默认可以填写的包括：0、1、2、3、4、5、死区、宜居、终结、未知、未定分级、变化、不适用、修正。
lang，语言，可以填cn或者tr，分别表示简体中文和繁体中文，一般不改这个。
one、two、three，这个指的是“安全、稳定、实体绝迹”这三句话，全删了的话会使用默认的语句，可以自己修改。
image，自定义的图标，如果class写的是非默认词语，那么这个就会变成生存难度1的图标，你得自己改好。
color，颜色，填写带井号的十六进制颜色代码，不懂百度搜搜。
border，标题文字颜色，同上。
list-color，那三句描述文字的颜色，同上。下面是比较常用的环境危害和精神危害的生存难度组件，可以抄，也可以作为样板例子来学。
精神危害通用难度Ψ
生存难度：
等级 Ψ
- 不安全
- 不稳定
- 精神危害
[[include :backrooms-wiki-cn:component:alt-custom-class
|class=Ψ
|color=F2CEFE
|border=8A3D9E
|list-color=8A3D9E
|image=http://backrooms-sandbox-2.wdfiles.com/local--files/the-mfing-swag-ass-collection/classpsi.png
|one=不安全
|two=不稳定
|three=精神危害
]]环境危害
生存难度：生存難度：
等级等級 1E - 环境危害
- 不稳定
- 敌意环境
- 少量实体
[[include :backrooms-wiki-cn:component:level-class
|lang=cn
|class=1E - 环境危害
|color=#E5DF1B
|image=http://backrooms-sandbox-2.wdfiles.com/local--files/the-mfing-swag-ass-collection/classee.png
|one=不安全
|two=稳定
|three=非实体危害
]]生存难度：生存難度：
等级等級 2E - 环境危害
- 安全
- 不稳定
- 非实体危害
[[include :backrooms-wiki-cn:component:level-class
|class=2E-环境危害
|lang=cn
|color=#d78900
|image=http://backrooms-wiki.wikidot.com/local--files/level-166/2eSDclass.png
|one=安全
|two=不稳定
|three=非实体危害
]]生存难度：生存難度：
等级等級 3E - 环境危害
- 不安全
- 不稳定
- 中度环境风险
[[include :backrooms-wiki-cn:component:level-class
|lang=cn
|class=3E - 环境危害
|color=#E94F00
|image=http://backrooms-sandbox-2.wdfiles.com/local--files/the-mfing-swag-ass-collection/classfivee.png
|one=不安全
|two=不稳定
|three=中度环境风险
]]生存难度：生存難度：
等级等級 4E - 环境危害
- 不安全
- 不稳定
- 非实体危害
[[include :backrooms-wiki-cn:component:level-class
|lang=cn
|class=4E - 环境危害
|color=#FE1701
||image=http://backrooms-sandbox-2.wdfiles.com/local--files/the-mfing-swag-ass-collection/classfivee.png
|one=不安全
|two=不稳定
|three=非实体危害
]]生存难度：生存難度：
等级等級 5E - 环境危害
- 不安全
- 不稳定
- 非实体危害
[[include :backrooms-wiki-cn:component:level-class
|lang=cn
|class=5E - 环境危害
|color=#9F0000
|image=http://backrooms-sandbox-2.wdfiles.com/local--files/the-mfing-swag-ass-collection/classfivee.png
|one=不安全
|two=不稳定
|three=非实体危害
]]版面设计元素
这里是很多常见或者好用的版面设计要素，可以直接照抄，用了之后瞬间高端了是不是，代入感就起来了是不是，都是搜集自各个文章的！
假标题
比较正式的用法是：
[[div class="meta-title"]]
假标题
[[/div]]但是对于大部分版式来说，直接一号标题加分割线就可以。
隐藏标题
代码如下：
[[module css]]
#page-title { display: none; }
[[/module]]迭代
内容很多，请参阅SCP基金会的迭代教程，讲真的，这个那么常用，但是教学不放在明显的地方，这真的合适吗这真的？
修改标题
最常见的版面设计方式。
如果需要Logo，同样需要先上传Logo图案，然后如下所示复制，并且修改Logo名字即可。
如果不需要修改Logo，可以把Logo一行删去。[[module css]]
:root {
—logo-image: url("http://backrooms-intapar-wiki-cn.wikidot.com/local--files/picturesave/你的Logo名字");
—header-title: "大标题";
—header-subtitle: "副标题";
}
[[/module]]
但是对于一部分版式并不能用，甚至可恶的LittleSweetAika改了默认版式以后甚至默认版式都不行了。所以建议统一使用下面这个来改：
[[include :backrooms-wiki-cn:component:title
|1=大标题
|2=副标题
|logo=a
|3=Logo URL
]]如果不需要改动Logo，可以删掉logo和3那两行。
你想在标题加删除线吗？那么用这个：
[[module CSS]]
#page-title {
text-decoration: line-through;
}标题就会全部覆盖一层删除线了。
挂在标题下方的说明按钮
如下所示复制并且修改即可。这个按钮是固定在最上方的，所以没例子。
[[module CSS]]
#action-area-top::before {
color: #FAFAFA;
content: "ⓘ";
font-weight: bold;
background: #00A5DB;
padding: 5px;
border-radius: 4px;
margin: -0.5rem 0 1rem 0;
display: inline-block;
transition: width 0.3s, opacity 0.3s;
}#action-area-top:hover::before {
content: "ⓘ 这里是你要说的内容";
width: fit-content;
opacity: 1;
}
[[/module]]登录账号的炫酷html
来自SCP基金会的常用设计元素。输入任何账号密码，然后打开一个折叠块。注意因为本质是折叠块所以不能套块中块！
如何使用呢？首先你需要把这个放到你的页面顶端
[[module CSS]]
.fakeprot .mailform-box .buttons{display:none;}
.fakeprot + .collapsible-block .collapsible-block-link {padding: 0.1em 0.5em;text-decoration: none;background-color: #F4F4F4;border: 1px solid #AAA;color: #000;}
.fakeprot + .collapsible-block .collapsible-block-link:hover {background-color: #DDD;color: #000;}
.fakeprot + .collapsible-block .collapsible-block-link:active {background-color: #DDD;color: #000;}
.fakeprot + .collapsible-block .collapsible-block-unfolded-link{margin:0.5em 0;text-align: center;}
.fakeprot + .collapsible-block .collapsible-block-folded{margin:0.5em 0;text-align: center;}
.fakeprot .passw input[type=text] {text-security:disc;-webkit-text-security:disc;-mox-text-security:disc;}
.mailform-box td:first-child {width: 80px;}
[[/module]]
然后在你需要使用登录的地方复制下面这些东西就行了，把“文字”改成你需要写的内容。[[div class="fakeprot"]] [[module MailForm to="aaaa (DUMMY)" button=""]] # name * title: ID * default: <你的ID> * type: text * rules: * required: true * maxLength:10 * minLength: 100 [[/module]] [[div class="passw"]] [[module MailForm to="aaaa (DUMMY)" button=""]] # affiliation * title: 密码 * default: ・・・・・・・・・ * rules: * required: true * maxLength:10 * minLength: 100 [[/module]] [[/div]] [[/div]] [[collapsible show="登入" hide="登出"]] 文字 [[/collapsible]]日期显示
以下两个显示都是通过ListPages弄出来的，具体的教程请看SCP基金会的高级格式教学，在第五小节列出来了所有你可以筛选的元素。这个格式在“最高评分的页面”之类的地方也会用到，因此也是很好的参考处。
回归正题，日期显示的代码如下所示：[[module ListPages limit="1" category="*" order="updated_at desc"]]
> 今天是%%updated_at|%Y/%m/%d%%
[[/module]]
例子：今天是20 Jan 2026 03:28
不显示脚注
在页面任意位置加上这段之后，脚注部分即使有也不会显示。
[[module CSS]]
#page-content div.footnotes-footer {
display: none;
}
[[/module]]计算器一样的密码按钮
隐藏标题
如下所示：
[[module css]]
#page-title { display: none; }
[[/module]]将评分改为显示别的
适合放在作者页的烂活，把终极胜利这几个字改成你想弄的。
如下：[[module css]]
.page-rate-widget-box .rateup { display: none!important }
#prw54355, .prw54354 {font-size: 0!important;height: 0;}
#prw54355:after {font-size: .9rem;}
.prw54354:after {font-size: 1.05rem;}
#prw54355:after, .prw54354:after {content: "终极胜利";}
[[/module]]如果你想直接不显示分数的话可以用这个。
[[module css]]
div.page-rate-widget-box .rate-points {
display: none;
}
.page-rate-widget-box .rateup {
border-right: 0;
border-radius: 5px 0 0 5px;
}
[[/module]]加上这个就是终极胜利了，无论如何你不能给我评分哈哈。下面也找不到评分按钮，不知道的以为进了system分类。
[[module css]]
#pagerate-button {
display: none;
}
[[/module]]需要检验的弹窗密码
代码如下，修改文字和114514就行了，还有window.open后面的指向你要打开的页面：[[html]] <head> <script language="javascript"> function LogIn(){ loggedin=false; password=""; password=prompt("密码：",""); password=password.toLowerCase(); // Add password--> if (password=="114514") { loggedin=true; window.open('/sd:normal-level-cn-i'); } // If login incorrect --> if (loggedin==false) { alert("密码错误"); } } </script> </head> <body> <form><input type=button value="密码是114514" onClick="LogIn()"></form> </body> [[/html]] [[html]] <html> <head> <script type="text/javascript"> function setVar() { if (sessionStorage.read != 1) { sessionStorage.setItem('read', 1); } } </script> </head> <body onLoad="setVar();"> </body> </html> [[/html]]很多好玩的Div块
站点自带的三个特殊Div块
这些特殊Div可以在默认版式下使用，不需要Div扩展组件。
[[div class="pageblock"]]
文字
[[/div]][[div class="mixpage"]]
文字
[[/div]][[div class="danke site"]]
文字
[[/div]][[div class="danke agent"]]
文字
[[/div]]
这四个Div框都来自SCP基金会常用资源页面。利用div框来实现黑屏放鬼图
这个放在你想用的位置：
[[=]]
[[collapsible show="这是跳杀鬼图的点击描述" hide=" "]]
[[div class="you-here"]]
[[div class="i-see-you"]]
[[/div]]
[[/div]]
[[/collapsible]]
[[/=]]下面CSS随便放在哪：
[[module css]] .you-here{ -webkit-animation: darkness 2s; animation: darkness 2s; -webkit-animation-iteration-count:1; animation-iteration-count:1; background-color: #000; background-position: top; width:100%; left:0px; bottom:0%; height: 100%; z-index:19; position: fixed; } .i-see-you { -webkit-animation: see 2s; animation: see 2s; -webkit-animation-iteration-count:1; animation-iteration-count:1; animation-delay:2s; -webkit-animation-delay:2s; animation-fill-mode: forwards; opacity: 0; background-image:url(鬼图的URL); background-size: contain; background-repeat:no-repeat; height:100%; } @keyframes darkness{ 0% {opacity: 0;} 40% {opacity: 0;} 90% {opacity: 1;} } @keyframes see { 0% {opacity: 0;} 40% {opacity: 0;} 100% {opacity: 1;} } [[/module]]利用Div块实现页面渐变
出处，作者
blueberry1234。没有手机适配，谨慎使用。推荐使用版式真黑或超阈限使用此组件。
[[include :backrooms-intapar-wiki-cn:component:into-shadow]]
使用以下代码将代码之下的地方变为白色。
[[div class="backgroundwhite"]]
[[/div]]使用以下代码将代码之下的地方变为黑色。
[[div class="backgroundblack"]]
[[/div]]粒子飘落效果
作者Cupric Sulfate 不匹配任何一个现有的用户名
格式如下，把X改成你想用的飘落符号就行了。[[module CSS]] .snowflake { color: #fff; font-size: 1em; font-family: Arial, sans-serif; text-shadow: 0 0 0px #ffffff; } @-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s} [[/module]] [[div class="snowflakes" aria-hidden="true"]] [[div class="snowflake"]] [[size 85%]]x[[/size]] [[/div]] [[div class="snowflake"]] [[size 95%]]x[[/size]] [[/div]] [[div class="snowflake"]] [[size 85%]]x[[/size]] [[/div]] [[div class="snowflake"]] [[size 90%]]x[[/size]] [[/div]] [[div class="snowflake"]] [[size 80%]]x[[/size]] [[/div]] [[div class="snowflake"]] [[size 80%]]x[[/size]] [[/div]] [[div class="snowflake"]] [[size 90%]]x[[/size]] [[/div]] [[div class="snowflake"]] [[size 80%]]x[[/size]] [[/div]] [[div class="snowflake"]] [[size 70%]]x[[/size]] [[/div]] [[div class="snowflake"]] [[size 60%]]x[[/size]] [[/div]] [[div class="snowflake"]] [[size 100%]]x[[/size]] [[/div]] [[div class="snowflake"]] [[size 80%]]x[[/size]] [[/div]] [[div class="snowflake"]] [[size 90%]]x[[/size]] [[/div]] [[div class="snowflake"]] [[size 70%]]x[[/size]] [[/div]] [[div class="snowflake"]] [[size 80%]]x[[/size]] [[/div]] [[div class="snowflake"]] [[size 100%]]x[[/size]] [[/div]] [[/div]]伪Wikidot用户
效果：
Rick Astley
[[span class="printuser avatarhover"]] [[image 图片完整URL link="点击进入的网页" class="small" alt="用户名" style="background-image:url(http://www.wikidot.com/userkarma.php?u=Wikidot用户id)"]] [点击进入的网页 用户名] [[/span]]
如需将 karma 条的值修改为 n，最简单的方法是先找到一个 karma 等级为 n 的用户，然后将 userkarma.php?u= 之后的数字改成他的用户 id。你也可以使用你自己保存或绘制的任何图片。另外请注意，最好不要使用尺寸过大的图片作为头像（即上述代码 [[image]] 中的图片链接），因为鼠标悬停在用户头像上时会自动显示原始尺寸的图片，图片我建议是70x70~100x100之间。一些参考使用的Wikidot id和他们的Karma
id Karma id Karma id Karma 2 0业力 4 1业力 10 2业力 12 3业力 8168625 4业力 1 5业力且有会员 更多也许你想要的好东西
原教程（点击右下角“繁”切换）
文本样式
行内样式
语法 示例 //斜体文本// 斜体文本 **粗体文本** 粗体文本 //**斜体与粗体**// 斜体与粗体 __下划线文本__ 下划线文本 --删除线文本-- 删除线文本 {{打字机（等宽字）文本}} 打字机（等宽字）文本 普通^^上标^^ 普通上标 普通,,下标,, 普通下标 [[span style="color: red;"]]自定义 //span// 元素[[/span]] 自定义 span 元素 ##blue|预定义## 或 ##44FF88|自定义代码## 颜色 预定义 或 自定义代码 颜色 文本大小
格式 示例 [[size smaller]]更小的文本[[/size]] 更小的文本 [[size larger]]更大的文本[[/size]] 更大的文本 [[size 80%]]现大小的 80%[[/size]] 现大小的 80% [[size 100%]]现大小的 100%[[/size]] 现大小的 100% [[size 150%]]现大小的 150%[[/size]] 现大小的 150% [[size 0.8em]]现大小的 80%[[/size]] 现大小的 80% [[size 1em]]现大小的 100%[[/size]] 现大小的 100% [[size 1.5em]]现大小的 150%[[/size]] 现大小的 150% [[size xx-small]]超超小文本[[/size]] 超超小文本 [[size x-small]]超小文本[[/size]] 超小文本 [[size small]]小文本[[/size]] 小文本 [[size large]]大文本[[/size]] 大文本 [[size x-large]]超大文本[[/size]] 超大文本 [[size xx-large]]超超大文本[[/size]] 超超大文本 [[size 7px]]文本大小 7 像素[[/size]] 文本大小 7 像素 [[size 18.75px]]文本大小 18.75 像素[[/size]] 文本大小 18.75 像素 转义解析/原始文本
在文本两侧同行不带空格地包裹上两个 @ 符号即可转义解析并渲染出原始文本，也就是可以精准显示出你在 @ 符号之间放的文本。这一点在显示出被用作 Wikidot 语法样式的符号，或者展示如何自定义文本（就像这个指导一样）时非常好用。
语法 示例 @@//转义//**解析**@@ //转义//**解析** 这也可以用作转义解析换行符并阻止 Wikidot 将空行折叠到一起，只需在一行内放下四个 @ 符号即可。
这个代码：
哇真是个大 @@@@ @@@@ @@@@ 缺口！会变成这个文本：
哇真是个大
缺口！另一种转义解析的方法就是在文本两侧放上 @< 和 >@。这是一种更加高级的方法，且同时可被用于插入 HTML 字符。
这个代码：
会变成这个文本：
Hello world @@ !!!!
[[module ListPages]]
版权所有符号：©这是唯一一个转义 @@ 的方法，因为用两个 @ 符号的方法来转义 @ 符号并不会起作用。
链接
三个方括号 [[[ ]]] 将可创建一个连接至你正位于的维基上的链接。这是创建链接的推荐语法。
语法 示例 注释 [[[entities]]] entities 展示与其创建时完全相同的页面名称。 [[[entities|文本]]] 文本 在你想要显示不同于页面名称的文本时非常好用。 [[[level-0]]] level-0 跟第一个示例一样，只是用了带横杠的页面名称。 [[[Level 0]]] Level 0 这里用了页面标题来创建链接。 http://www.wikidot.com http://www.wikidot.com 网址会自动变成链接。 [http://www.wikidot.com wikidot] wikidot 一个有命名的链接，显示了自定义的文本。 在网址前方式一个星号 * 就可以让链接在新标签页中打开。
*http://www.wikidot.com [http://www.wikidot.com wikidot]http://www.wikidot.com
wikidot很不幸这种方法并不能在页面链接（三括号标记）里使用。如果你想让一个页面链接在新标签页中打开，那么你就需要用到页面的网址，而不仅是页面标题。
注意：一个页面的标题和页面的名称是两个不一样的东西，虽然他们通常很相似以防混淆。
- 页面的标题指显示在页面顶部的文本。这也就是你在编辑一个页面时在“页面标题”里键入的文本。
- 页面的名称就是在网址的第一个斜杠后面的文本，也就是网址里在 backrooms-wiki-cn.wikidot.com/ 后面的文本。
图片
这是图片的代码。推荐你使用这个代码。
{name}（名称） - 你图片的名称。应该包含有文件的扩展名，比如 “.jpg”、“.png” 等等。如果该图片并未上传到维基页面之中，那就应该是末尾带有图片扩展名的一条网址。
{caption}（说明文字） - 图片的说明文字。这里的文本可以用 Wikidot 语法来自定义。Level 0 里所摄下的第一幅照片。
[[include component:image-block
|name=Level_0.png
|caption=**Level 0** 里所摄下的第一幅照片。
]]该组件亦有更多可供自定义的属性。
{width}（宽度）- 图片的宽度，高度会随着这个宽度一同改变，亦即改变图片宽度时宽高比永远不会改变。默认宽度为 300px。
{link}（链接）- 为图片附加上跳转链接。默认不跳转，即填写 “#”。
{align}（平齐）- 图片框对齐的位置。left 代表向左对齐，right 代表向右对齐，center 代表居中。默认为 right，若需使用默认的 Wikidot 图片样式，那么可使用以下代码。注意如果你使用这条代码那么将不会有说明文字区域。
{图片来源} - 图片的来源，大概相当于维基的图片标记里的 name（名称）。
{属性} - 附加于图片上的属性，用于修改比如大小、css 样式之类的东西，或者让图片链接到某个网址上。[[image 图片来源 属性 1="值 1" 属性 2="值 2" ……]]更多有关如何使用 Wikidot 的图片标记语言的信息，比如可用的属性，可以在 Wikidot 的图片标记文档里找到。
创建节段
标题
标题可以从 1 级（H1）到 6 级（H6）。按照你的喜好给每一级标题多加一个加号 +。标题字体大小会随着级数的增加而减小。
+ 1 级标题 ++ 2 级标题 +++ 3 级标题 ++++ 4 级标题 +++++ 5 级标题 ++++++ 6 级标题内容列表
代码 [[toc]] 能够创建一个内容列表table of contents，或者说 TOC。这个 TOC 会显示页面上的所有标题。
若需使 TOC 在页面右侧浮动，则使用 [[f>toc]]
若需使 TOC 在页面左侧浮动，则使用 [[f<toc]]如果你不想要某个特定的标题在 TOC 里显示（比如你用标题样式只是为了外观装饰），那么可以在标题的 + 后放上一个星号 *。
+ 这一节段会在 TOC 里显示 +* 而这一节段则不会参见该页面的顶部以查看 TOC 的外观。
列表
你可以用星号 * 创建一个无序列表，且可以用井号创建 # 一个有序列表。在星号或井号前加上空格就可以缩进列表。
无序列表和有序列表可以混用。* 无序列表 * 这一行缩进了一次 * 这一行缩进了两次 # 有序列表 # 这一行缩进了一次 # 这一行缩进了两次 * 另一个无序列表 # 里面一层是有序列表 * 再里面一层又是无序列表 * 无序列表的另一项 # 有序列表的另一项- 无序列表
- 这一行缩进了一次
- 这一行缩进了两次
- 这一行缩进了一次
- 有序列表
- 这一行缩进了一次
- 这一行缩进了两次
- 这一行缩进了一次
- 另一个无序列表
- 里面一层是有序列表
- 再里面一层又是无序列表
- 无序列表的另一项
- 有序列表的另一项
- 里面一层是有序列表
引用块
在一行文本前放上一个 > 可以将文本放在引用块内部。你可以增加 > 符号的数量来缩进文本。
> 这是一个引用块。 >> 这是一个带缩进的引用块。 > 更多的文本 > > 这一行文本上面有一行空行！ > 如果你想在引用块里放空行的话，要记得在 “>” 符号后面放一个空格！这是一个引用块。
这是一个带缩进的引用块。
更多的文本
这一行文本上面有一行空行！
如果你想在引用块里放空行的话，要记得在 “>” 符号后面放一个空格！自定义 Div
除 Wikidot 自带的样式之外，后室维基的版式还有数个自定义 div 样式。
[[div class="blockquote"]] 自定义引用块 [[/div]] [[div class="styled-quote"]] 样式化引用块 [[/div]] [[div class="dark-styled-quote"]] 暗色样式化引用块 [[/div]] [[div class="lightblock"]] 亮色块 [[/div]] [[div class="darkblock"]] 暗色块 [[/div]]自定义引用块
样式化引用块
暗色样式化引用块
亮色块
暗色块
杂项
折叠块
折叠块可以被打开或收起来展开或隐藏文本。
[[collapsible show="+ 展开随便什么" hide="- 收起随便什么"]] 要展开/收起的随便什么文本。 [[/collapsible]]如果你有一个特别长的折叠块，你可能会想要让它像在顶端一样可以在文本底部收起折叠。
[[collapsible show="+ 展开随便什么" hide="- 收起随便什么" hideLocation="both"]] 这个折叠块可以同时从顶部与底部收起！ [[/collapsible]]表格
表格使用两条竖杠 || 来指定单元格边界的位置。在竖杠的右边放一个波浪号（~ 符号）就可以让那个单元格变为标题单元格。在单元格内一行的末尾放上一个空格和一个下划线 “ _” 就能创建一个新行，使你可以在一个单元格内放下多行文本。
||~ 一行必须以 ||~ 双竖杠开始 ||~ 并以其结尾 || || 单元格要被 || 双竖杠分割 || 什么都没有 || |||| 你可以使用 || 多个分隔符 || || 使得单元格 |||| 能跨越多列 || |||||| 但要看示例 _ 才是最简单 ||一行必须以 双竖杠开始 并以其结尾 单元格要被 双竖杠分割 什么都没有 你可以使用 多个分隔符 使得单元格 能跨越多列 但要看示例
才是最简单脚注
[[footnote]] 块会在页面的末尾放上一个页面列表。使用 [[footnoteblock]] 可以将脚注列表放在页面里随便一个你喜欢的地方，而不是在页面的底部。
一些文本[[footnote]]以及一个小小的脚注。[[/footnote]]。我们再来另一个脚注[[footnote]]另一个脚注的内容。[[/footnote]]。 [[footnoteblock]]你可以用[[footnoteblock title="自定义标题"]] 来给脚注列表创建一个自定义标题。用 {title=""} 来移除标题。
分页
内容可以被分成多个标签页。这在有着多个草稿的沙盒页里特别有用。分页不能直接分别嵌套。可以用高级代码来这么干，但是最好不要嵌套分页。分页也不对页面内容生效，因为 TOC 链接并不能正确链接到标签页的标题内部。
[[tabview]] [[tab 标签页标题 1 号]] 标签页内容 1 号。 [[/tab]] [[tab 标签页标题 2 号]] 标签页内容 2 号。 [[/tab]] [[tab 标签页标题 3 号]] 标签页内容 3 号。 [[/tab]] [[/tabview]]分割线
四个或以上的横杠 ---- 可以做出一条分割线，就像下面的一样：
若需链接至 Wikidot 用户的资料页，可使用 [[user 用户名]] 或者 [[*user 用户名]].
语法 示例 注释 [[user ghostchibi]] ghostchibi 不会显示用户的个人头像或者业力等级。 [[*user ghostchibi]] ghostchibi
可以显示用户的个人头像以及业力等级。 若需像如上一般显示代码（有着某些限制），可以使用以下代码：
[[code]] 在此插入代码 [[/code]]上面的代码将会如下显示：
在此插入代码 -