BackOS 26 美学版式

BackOS 26 是由 lanbaoshi1145lanbaoshi1145知名手机系统 为主题制作的版式,基于 超阈限1

这是此版式的第 4 个大版本,如果您发现了漏洞或想给此版式提出建议,请私信 lanbaoshi1145lanbaoshi1145 或在讨论区发出您的反馈

    • _

    26.0.5

    修复了已知问题,增加了页面副标题预设。

    26.0.4

    紧急修复已知问题,优化了部分动画和 UI ,并加入了渐变标题预设。

    26.0.3

    针对无圆角模式进行了兼容性改动。

    26.0.2

    优化了部分动画和 UI ,并加入了一个内置组件。

    26.0.1

    修复了已知问题。

    26.0

    就只是去除了暗色模式和一些没用的东西。

      • _

      Release Candidate 2

      • 增加了切行岛。
      • 优化了部分动画。
      • 增加了 BackPhone 。
      • 把版本号改了。

      Release Candidate 1

      • 增加了暗色模式。
      • 增加了一些 Div 和 Span 。
      • 修复了一些我从来没注意到的 BUG 。
      • 把版本号改了。

      Beta 5

      • 部分圆角的修改与补全。
      • 新增可选择的特殊生存难度样式。
      • 新增内置组件。
      • 为正式版的发布做准备。
      • 把版本号改了。

      Beta 4

      • 部分圆角的修改与补全。
      • 修复了一些 BUG 。
      • 灵动顶栏修改。
      • 修改了 [[note]] 的样式。
      • 增加了方角模式。
      • 增加了居中顶栏预设。
      • 增加了背景图片透明度修改。
      • 增加了渐变颜色标题。
      • 增加了灵动框。
      • 把版本号改了。

      Beta 3

      • 部分圆角的修改与补全。
      • 整理了代码结构。
      • 修改了 Wikidot 提示框和脚注框的样式。
      • 修改了部分阴影。
      • 修改了部分按钮和 Div 的透明度。
      • 暂时删去了侧栏图片。
      • 把版本号改了。

如果您想在页面中引入此版式,请使用以下代码:

[[include :backrooms-wiki-cn:theme:super-liminal |daytime=a]]
[[include :backroomss:theme:backos26]]

如果您想修改背景图片,请使用以下代码:

[[module css]]
:root {
   --body-background-img-os: url("不要删除url和括号,把引号以内的东西替换成你的图片链接");
   --body-background-img-os-blur: 背景模糊度(默认为3);
}
[[/module]]

此外,本版式已经内置了 渐显, 动画包2, 随心标 荧光笔 组件,这使你不需要再额外引用它们。


BackOS 26 展示

  • 评分: +14+x

生存难度:生存難度:

等级等級 1

  • {$one}
  • {$two}
  • {$three}

如何使用:

[[include :backrooms-wiki-cn:component:level-class
|class=等级
]]


class 处的可用参数包括以下内容,支持简繁体及英文输入。
English 简体中文 繁體中文
0 1 2 3 4 5 0 1 2 3 4 5 0 1 2 3 4 5
unknown 未知 未知
habitable 宜居 宜居
deadzone 死区 死區
pending 等待分级 等待分級
n/a 不适用 不適用
amended 修正 修正
omega 终结 終結

该组件支持简繁切换,如下方代码所示:

[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级
]]


lang 处选择语言,cn 表示简体中文,tr 表示繁体中文,不填默认选择简体中文。

自定义等级

[[include :backrooms-wiki-cn:component:level-class
|lang=cn/tr
|class=等级名字
|color=#000000(带有井号的十六进制色号代码。)
|image=链接(至图片的链接。)
|one=在这
|two=随便
|three=放文字
]]

使用 CSS 进行自定义:

你可以使用 CSS 进行额外的自定义,将代码放入到 [[module css]] 中或者是放入到页面的版式内都可以。在这一组件中,不要把 [[module css]] 放在 [[include]] 里面,把它放在那个的下面或者是页面的顶部或底部。
将这些代码放入到你的页面/版式中以编辑所有的颜色,因为组件的 |color= 部分仅能控制背景:

[[module css]]
.sd-container {
/* 字体 */
--sd-font: Poppins, Noto Sans SC, Noto Serif SC;

/* 边框 */
--sd-border: var(--gray-monochrome); /* 大多数等级 */
--sd-border-secondary: 0, 0, 0; /* 不适用 */
--sd-border-deadzone: 20, 0, 0; /* 死区 */

/* 标志 */
--sd-symbol: var(--sd-border) !important; /* 大多数标志 */
--sd-symbol-secondary: 255, 255, 255; /* 4 级以上的是白色 */

/* 文本 */
--sd-bullets: var(--sd-border) !important; /* 点句符文本颜色 */
--sd-text: var(--swatch-text-secondary-color); /* 顶部框文本颜色 */

/* 等级颜色 */
--class-0: 247, 227, 117;
--class-1: 247, 227, 117;
--class-1: 255, 201, 14;
--class-2: 245, 156, 0;
--class-3: 249, 90, 0;
--class-4: 254, 23, 1;
--class-5: 175, 6, 6;
--class-unknown: 38, 38, 38;
--class-habitable: 26, 128, 111;
--class-deadzone: 44, 13, 12;
--class-pending: 182, 182, 182;
--class-n-a: 38, 38, 38;
--class-amended: 185, 135, 212;
--class-omega: 25, 46, 255;
}
[[/module]]

旧版颜色:

如果你不喜欢新版的样式,想要用回旧版的红色边框色,只需要在你的页面中与组件一同引入下方的代码:

[[module css]]
.sd-container {
--sd-border: 90, 29, 27;
--sd-image: 90, 29, 27;
--sd-symbol: 90, 29, 27;
}
[[/module]]

OGLevel0.jpg

Level 0 的第一张照片。

Level 0 是一处非线性空间,外观类似于一家零售店的储藏后室。与它此前被确认的形式相似,Level 0 中的所有房间都在外观上呈现出具有共同表面特征的统一制式模样,例如泛黄的墙纸、潮湿的地毯和以不一致方式安装的荧光灯具。然而,本层中不存在两个完全相同的房间


一号标题

二号标题

三号标题

  • 无序列表
  • 列表之二
    • 列表嵌套
  1. 有序列表
  2. 二号

这是一个 表格
制作它的 方法
请查询维基语法。

> blockquote
[[div class="blockquote"]]

[[div class="code"]]

[[div class="lightblock"]]

[[div class="darkblock"]]

[[div class="styled-quote"]]

[[div class="dark-styled-quote"]]

[[div class="lightblock butcircle"]]

[[div class="styled-quote butcircle"]]

[[div class="mordenblock"]]

[[div class="blockquote butmorden"]]

[[div class="os-titlecolor"]]

[[note]]

不强势的。

你似乎掉入了后室。

[[div class="warning-top-box"]]

[[span class="nblock"]]

你应该试着选中上面的黑块。

[[span class="bblock"]]

[[span class="dblock"]]

[[span class="keycap"]]

[[span class="os-keycap"]]

[[span class="ruby"]][[span class="rt"]]

[[div class="meta-title"]]

溶飞件技现亮需冲金组架业节社情为。问假半酒危洋刻打背担地想等建金找你号职受诗!宜几合安食末坐跑司氢乐议棉只坚取日末公钟片白严线表检个号基议预四李价团书加马乎,争左却改测肉就转以来后司细李亮顶宜拿风求叫推语附帮呼船角离抗左几只跟雷乙帮已兰混同。鲁海顾广首尽村合控班参生轻城列变下须始依打帝限帝研持台频怎源苏业。稳基独善价运吸等喜元验见已几富液怎独乐温改历什游鱼责九祖效印受送性新把还半味。双特今盐为级首降天急解许,己延被月世许生子州你积轮者千列够事待吗决终北点飞丝鸡,船输太曲敌层皮影。氧击保五依。

[[div class="dynamicbox"]]

这是灵动框(Dynamicbox)。你可以在里面塞入任何类型的内容。这些内容会相对于围绕在其旁边的内容浮动在页面的一侧,当然,如果你是手机端,你就看不到这番美景了。

办者营怀充立止终针袁探溶酒伤州分拉与承冲演意含。可眼自压该是地职够照济领犯十卫病连兴拉变排总该它初城会法状火书军景父云权。粒尽层般害乙错尽普浓陆圆南重交站陈传点待百。都选视念始排第研章角回职材联过需聚胞领酒乱路去阳,鸡流磁到公宣过罗宣掉状平人器益平只后飞。位周又小去九适棉率手答刚注附浓交马试所食达降间麼研火套待剂属讨顾。微医席示语冲绍权向剂调煤鱼缺较尼地耐凯子批四式配观。板集各太背宪错兵款察句谈费儿冷茶盟欢望难规视零肥负条扩因围,以结房径食杂急数呼话般事卫每现假接整选写重甚营平货包存选测委案好坐表织具体故述。封防粉赵拉激道包赵装汉脚星凯面被载握目答。长父项除践英秋初除清诉项审社那宁创坐起研。

[[div class="dynamicbox right"]]

列汉孔画央女排超航心古展怕井,间府名密师晚油古会人。持求米带染味温占菜传阳假教还石些沿常青例耐侵官谈自米减举好,入浓客向消长径色至地派方检氧怕映众直普曲比?至均走值算相停化令酒举七概陆位病会就女甚达需两数主生销切始。犯望露职井女迫多掌盐济造易掌积般甲绿和迅乙县活!鲁共木才持茶搞玉台业始究感发进主你之古坐叫湖任玉酸巴另是改关找。硫雨世给免第服稳财展增到长范减超八百站财免厂调史著波照妈数技号探眼还英产日帝祖死汽,蒸缩范别汉眼吃口领唱束路做加在几金检酒田难核征水血袁却火须谓最乱真资亮州宽。清次易较风永守怕受集死吧若显席终母。器修属丰京力细粒丝剂究调切。

但除此之外,还有更灵动的。

这个东西大概叫什么灵动…不,切行岛,它有四种版本,分别为: 标准版PlusAirProPro Max

让我们看看标准版

也许你应该点击我。
你说得对,但后室强势黄的。

要想使用这个,请在你的文章里输入:

[[div class="noclip-island"]]
[[span class="island-text"]]请输入[[/span]]
[[span class="island-text-hover"]]文本[[/span]]
[[/div]]

让我们看看 Air 吧。

来点击我吧!
极致的轻薄。

是的,Air 达到了极致的轻薄,看看你需要做什么:

[[div class="noclip-island-air"]]
[[span class="island-text"]]极致的轻薄。[[/span]]
[[span class="island-text-hover"]]极致的轻薄。[[/span]]
[[/div]]

让我们看看 Pro 吧,更好的切行岛。

你为什么不点击我呢?
感谢你的点击,奖励将在十年后发放。

非常好。

[[div class="noclip-island-pro"]]
[[span class="island-text"]]嘿[[/span]]
[[span class="island-text-hover"]]哈喽哈喽哈喽哈喽哈喽[[/span]]
[[/div]]

Pro Max?这个我不知道。

你最好点击我。
感谢你的点击,奖励将在百年后发放。

挺大的。

[[div class="noclip-island-pro-max"]]
[[span class="island-text"]]Bigger[[/span]]
[[span class="island-text-hover"]]And IDK[[/span]]
[[/div]]

你想知道切行岛的进阶玩法吗?

适用于 标准版Air:

[[div class="noclip-island" style="--noclip-island-width: 12rem; --noclip-island-width-hover: 13rem;"]]
[[span class="island-text"]]哇,我长了3Rem![[/span]]
[[span class="island-text-hover"]]为什么我只长了1rem?[[/span]]
[[/div]]

具体我就不展示了,因为你在视口宽度过小情况下的手机端这么干可能会把切行岛给玩坏的,我们不能确保每个人的手机视口宽度都超过400px。

适用于 ProPro Max:

[[div class="noclip-island-pro" style="--noclip-island-pro-width: 12rem; --noclip-island-pro-height: 9rem; --noclip-island-pro-hover-width: 15.63rem;"]]
[[span class="island-text"]]我变宽了3rem。[[/span]]
[[span class="island-text-hover"]]我变长了1.5rem,但为什么我没变宽?[[/span]]
[[/div]]

同时,我们还有一个东西。

别看手机了,A.N.D3的人来清算你了。

啥,你是说你在BackOS中看见了阈限版式?我们会处理的。

谢谢。

[[div class="backphone"]]
[[div class="noclip-island-pro"]]
[[span class="island-text-hover"]]额,你好?[[/span]]
[[/div]]
[[div class="backphone-content"]]
文本
[[/div]]
[[/div]]

额,你要想把这玩意改成阈限颜色的话,把开头换成:

[[div class="backphone" style="background: rgb(237, 233, 223);"]]

预设


BackOS 26 版式提供了三个预设方案,可供你快捷改变其外观。要使用预设,请将引用语句修改为:

[[include :backroomss:theme:backos26
|预设方案1
|预设方案2
]]

绿色 - 稳定

此预设在绝大多数环境下都完全可用且稳定。

黄色 - 实验性

此预设在大部分环境下都可用但可能有兼容性问题并导致引发冲突。

|no-rounded=a

让整个版式的圆角都变成方角。

|title-center=a

让标题居中。

|os-title=a

让标题变为渐变色。

|subtitle="请输入文本"

增加一个页面副标题,请不要去掉引号,不然这会失效。

|os-sd=a

修改生存难度的样式。本页面就使用了这个预设!4

本站不完全遵守CC BY-SA 4.0协议