版式效果测试
使用方法
这是为无名者之城(SCP-CN-3612)及其相关作品制作的版式,曾被用于本文的无障碍模式页面,基于护封Sigma-9版式及Dr Hormress的星与图书馆版式修改而来。
这一版式可以用于任意基金会和图书馆作品,特别是与无名者之城相关的作品。当然,想创作与本设定无关的作品、但喜欢这个版式的话,也欢迎使用。
在你的作品开头添加如下语法以应用此版式:
[[include :scp-wiki-cn:theme:nameless]]
你可以通过点击页面底部的“+ 选项”、“反向链接”来查看任何页面的反向链接。
主题颜色
--gray-monochrome(189, 144, 58)
--bright-accent(255, 244, 220)
{$color3-name}{$color3-variable}{$color3-info}
{$color4-name}{$color4-variable}{$color4-info}
{$color5-name}{$color5-variable}{$color5-info}
{$color6-name}{$color6-variable}{$color6-info}
--light-gray-monochrome(232, 192, 118)
--pale-gray-monochrome(217, 198, 137)
--dark-gray-monochrome(71, 50, 6)
--medium-accent(228, 180, 28)
--dark-accent(185, 150, 17)
{$subcolor6-name}{$subcolor6-variable}{$subcolor6-info}
{$subcolor7-name}{$subcolor7-variable}{$subcolor7-info}
{$subcolor8-name}{$subcolor8-variable}{$subcolor8-info}
{$subcolor9-name}{$subcolor9-variable}{$subcolor9-info}
{$subcolor10-name}{$subcolor10-variable}{$subcolor10-info}
{$subcolor11-name}{$subcolor11-variable}{$subcolor11-info}
{$subcolor12-name}{$subcolor12-variable}{$subcolor12-info}
改进
本版式提供一些修改。如果需要使用,可以在引用本版式的同时在你的文章开头添加如下代码。
- 默认情况下版式的背景固定在页面最上方。若希望背景保持不动,请添加以下代码。这一代码会适当缩小背景图片,同时保证背景在电脑端观看时不会随进度条移动。
[[module css]]
div#container-wrap {
background-size: 420px;
background-attachment: fixed;
}
[[/module]]
div#container-wrap {
background-size: 420px;
background-attachment: fixed;
}
[[/module]]
- 本版式的默认logo为被放逐者之图书馆图标。若希望使用基金会版头,请使用下列代码。这会同时为版头增加一个二级标题:
[[module css]]
:root {
--lgurl: url("https://pokm.wdfiles.com/local--files/city-of-the-nameless-hub/SCP.png");
}
#header h1 a::before {
content: "SCP基金会";
color: rgb(var(--bright-accent));
text-shadow: inherit;
background: url(https://scp-wiki.wdfiles.com/local--files/theme%3Adustjacket-sigma/goldfoil.png); background-size: cover; -webkit-background-clip: text; -webkit-text-fill-color: transparent; overflow-wrap: normal; font-size: 125%; }
#header h2 {
display: block !important;
margin-top: 1.4em;
}
#header h2::before {
content: "控制 - 收容 - 保护";
color: rgb(var(--gray-monochrome));
text-shadow: inherit;
background: url(https://scp-wiki.wdfiles.com/local--files/theme%3Adustjacket-sigma/goldfoil.png);
background-size: cover;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
overflow-wrap: normal;
font-size:110%;
}
[[/module]]
:root {
--lgurl: url("https://pokm.wdfiles.com/local--files/city-of-the-nameless-hub/SCP.png");
}
#header h1 a::before {
content: "SCP基金会";
color: rgb(var(--bright-accent));
text-shadow: inherit;
background: url(https://scp-wiki.wdfiles.com/local--files/theme%3Adustjacket-sigma/goldfoil.png); background-size: cover; -webkit-background-clip: text; -webkit-text-fill-color: transparent; overflow-wrap: normal; font-size: 125%; }
#header h2 {
display: block !important;
margin-top: 1.4em;
}
#header h2::before {
content: "控制 - 收容 - 保护";
color: rgb(var(--gray-monochrome));
text-shadow: inherit;
background: url(https://scp-wiki.wdfiles.com/local--files/theme%3Adustjacket-sigma/goldfoil.png);
background-size: cover;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
overflow-wrap: normal;
font-size:110%;
}
[[/module]]
- 将上文中的lgurl链接修改为其他图标可以更改版头的图标。
示例
可通过五个连字符“-----”创建水平分割线。若它未被放在其他部件(诸如引用块)中,则会左右延伸贯穿页面。这种将文件分割为多个部分的线就是分割线。
如果将“-----”放入类(class)为“fancyhr”的 div 元素中,则可以显示另一种水平线样式,如下所示:
[[div_ class="fancyhr"]]
----
[[/div]]
效果如下:
任何元素添加“fancyborder”类(class),即可显示特殊边框。例如,这是此方块的代码:
[[div_ class="fancyborder"]]
文字内容
[[/div]]
文字内容
[[/div]]
标题可通过在一行字起始处输入 1 至 6 个加号“+”来创建。
这是一个引用块,在一行字的起始处加上“> ”来创建。
更多文字
一条分割线
嵌套引用块
| 这是 | 表格 |
|---|---|
| 你应该老早 | 就知道怎么 |
| 做这个了吧 | |








