黑色标记笔风格折叠

[[include :scp-wiki-cn:theme:black-highlighter-theme]] [[include :scp-wiki:component:bhl-dark-sidebar]] [[include :scp-wiki-cn:component:bhl-style-collapse-source]] [[div_ class="no-addendum"]] [[collapsible show="代码" hide="代码"]] [[div_ style="font-size: 65%;"]] [[code type="css"]] [[include :scp-wiki-cn:component:bhl-style-collapse-source]] [[/code]] [[/div]] [[/collapsible]] [[/div]] @@@@ [[div class="no-addendum" style="border: solid 1px #444444; padding: 1px 10px; margin: auto; box-shadow: 1px 1px 5px rgba(0,0,0,.3)"]] + 引入 在任何维基网站上： [[div class="code"]] @@[[include :scp-wiki-cn:component:bhl-style-collapse-source]]@@ [[/div]] 如果你在作品中未使用[[[theme:black-highlighter-theme|黑色标记笔版式]]]，在上述引入代码之后插入如下 CSS 模块： [[collapsible show="CSS" hide="CSS"]] [[div_ style="font-size: 65%;"]] [[code type="css"]] [[module css]] /* bhl-style-collapse Sigma-9 Compatiblity Patch */ #page-content .collapsible-block-folded {     max-width: 7.25em; } #page-content .collapsible-block-folded, #page-content .collapsible-block-unfolded, #page-content .unfolded-collapse{     line-height: 1.4; } #page-content .collapsible-block-folded .collapsible-block-link::before, #page-content .collapsible-block-unfolded .collapsible-block-link::before, #page-content .unfolded-collapse::before {     font-family: monospace;     font-size: 130%;     margin-left: -0.4em } [[/module]] [[/code]] [[/div]] [[/collapsible]] @@ @@ [[/div]] + 这是什么 这是一个非官方的[[[theme:black-highlighter-theme|黑色标记笔版式]]]组件，用于在你的作品中添加平滑、动态的黑标风格折叠栏。它会影响现有的 {{[collapsible]}} 元素。你的作品只需稍作修改即可兼容。 [[collapsible show="点击这里！" hide="点击这里！"]] **特点：** * 流畅、华丽的动画肯定会让至少几个人猛击好评按钮 * 兼容移动设备 * 可自定义化（详见下文） * 真正地替你为附录计数，笑尿 * 为那些不在乎可点击部分的人准备的独立定制 div 装饰 * 在折叠打开的时候朝向右侧的箭头转向了下方这特喵的有多酷！？ * 你知道一旦你得到了足够多的好评，或许最终你会觉得一切都索然无味。拜托，引入这个组件吧。这就是你需要的。 **限制：** * 它会影响//所有//折叠。如果你有自定义的折叠，你需要学会一些 CSS 编辑。 * 在设置“{{hideLocation}}”为“both”时它会显得很蠢。 * 它并没有魔法般地为多重折叠提供支持。这只是 CSS。 [[/collapsible]] [[div_ class="no-addendum"]] [[collapsible show="更新日志" hide="更新日志"]] **2020-7-9** * 添加了 Sigma-9 兼容性补丁 * 修复了与 Ayer 的信息模块的冲突 [[/collapsible]] [[/div]] ----- + 使用方法 [[div style="border: solid 1px #444444; padding: 1px 10px; margin: auto; box-shadow: 1px 1px 5px rgba(0,0,0,.3)"]] +++++ 折叠 **通常：** 此组件基于标准折叠修改，因此它们完全一样。非常推荐你将“show”和“hide”字段保持一致。 //提示：//“{{附录 XXXX.N}}”会自动添加，并根据先前的折叠数量递增。也可以将之移除，见于下方。 [[collapsible show="好东西" hide="好东西"]] [[code]] [[collapsible show="好东西" hide="好东西"]] 这玩意儿！ [[/collapsible]] [[/code]] [[/collapsible]] **保持打开：** 需要澄清的是，这真的只是一个“静态”装饰元素。你并没有实际上将你的文章放置于这个“折叠”中。 //注意：//“{{附录 XXXX.N}}”计数器仍然会根据这些折叠递增。 [[div_ class="unfolded-collapse"]] 好东西 [[/div]] [[div_ class="unfolded-collapse-border"]] [[/div]] [[code]] [[div_ class="unfolded-collapse"]] 好东西 [[/div]] [[div_ class="unfolded-collapse-border"]] [[/div]] [[/code]] [[/div]] ---- [[div style="border: solid 1px #444444; padding: 1px 10px; margin: auto; box-shadow: 1px 1px 5px rgba(0,0,0,.3)"]] +++++ 修饰 **居中：** [[div_ class="center-collapse"]] [[collapsible show="好东西" hide="好东西"]] [[code]] [[div_ class="center-collapse"]] [[collapsible show="好东西" hide="好东西"]] 这玩意儿！ [[/collapsible]] [[/div]] [[/code]] [[/collapsible]] [[/div]] [[div_ class="center-collapse"]] [[div_ class="unfolded-collapse"]] 好东西 [[/div]] [[div_ class="unfolded-collapse-border"]] [[/div]] [[/div]] [[code]] [[div_ class="center-collapse"]] [[div_ class="unfolded-collapse"]] 好东西 [[/div]] [[div_ class="unfolded-collapse-border"]] [[/div]] [[/div]] [[/code]] **移除“附录”和动画：** //注意：//“{{附录 XXXX.N}}”计数器仍然会根据这些折叠递增。 [[div_ class="no-addendum"]] [[collapsible show="好东西" hide="好东西"]] [[code]] [[div_ class="no-addendum"]] [[collapsible show="好东西" hide="好东西"]] 这玩意儿！ [[/collapsible]] [[/div]] [[/code]] [[/collapsible]] [[/div]] [[div_ class="no-addendum"]] [[div_ class="unfolded-collapse"]] 好东西 [[/div]] [[div_ class="unfolded-collapse-border"]] [[/div]] [[/div]] [[code]] [[div_ class="no-addendum"]] [[div_ class="unfolded-collapse"]] 好东西 [[/div]] [[div_ class="unfolded-collapse-border"]] [[/div]] [[/div]] [[/code]] **移除页脚：** [[div_ class="no-footer"]] [[collapsible show="好东西" hide="好东西"]] [[code]] [[div_ class="no-footer"]] [[collapsible show="好东西" hide="好东西"]] 这玩意儿！ [[/collapsible]] [[/div]] [[/code]] [[/collapsible]] [[/div]] @@@@ [[/div]] ---- [[div style="border: solid 1px #444444; padding: 1px 10px; margin: auto; box-shadow: 1px 1px 5px rgba(0,0,0,.3)"]] +++++ 页脚 [[code]] [[div_ class="addendumfooter"]] [[/div]] [[/code]] [[div_ class="addendumfooter"]] [[/div]] @@@@ [[/div]] + 著作信息 * [[*user monkatraz]] * Google 上的大约 1500 人