Foundom版式

//Foundom 版式

评分: +31+–x
lettersV3.png
parallel-theme-logo-y.svg
parallel-theme-logo-zh-y.svg

这是为Letters娱乐的GoI格式制作的版式，基于平行，可用于模拟Fandom维基样式。使用以下代码引入此版式：

[[include :scp-wiki-cn:theme:parallel]]
[[include :scp-wiki-cn:theme:foundom inc-css=--] | inc-color=--]]]

若需使用基金会经典配色，使用以下代码引入此版式：

[[include :scp-wiki-cn:theme:parallel]]
[[include :scp-wiki-cn:theme:foundom inc-css=--]]]

此版式的顶部导航栏样式是为SCP-CN Wiki特别设计的，在其他Wiki使用时，请针对相应Wiki的顶部导航栏进行重新适配。


页面元素

基础元素

+ 基础元素

进阶元素

带评分模块的标题

[[div class="meta-title wiki-title"]]
[[span class="title"]]标题文本[[/span]]
[[module rate]]
[[/div]]

悬浮块

文豪野拳
Super Crush Personnels

Main_Screen.png
类型 格斗游戏
平台 PC、Letters Alphabox
开发商 GG Studio
发行商 Letters Entertainment
+ 展开代码

使用[[div class="float-box box-left"]]创建靠左的悬浮块，使用[[div class="float-box box-right"]]创建靠右的悬浮块。悬浮块内部的表格会自动隐去边框，使用[[div class="box-title"]]则可使用暗色背景的悬浮块标题。

靠米约题蛋绝击错。画例济占越证另众食千持商硫喜。杨粒协面增观型客杂你一杀宗顾黑离油。职具布轻王殖杨范到门故。象哥尼课太党事己处守朝才批洲游线拉跟，花义历妒况经更虽乙速担点第。助西离季溶缩味很实师吗，亚取创去及背敌案信宽。河响据量苏富德声，贵死损量众靠审层胡对鱼简和身胡眼层万，神措天明心田父地娘儿。班较易待二呀深架尔成洋。言客里思心秋现良说。茶产轮够阳没读会善足步功编识括河。

积夫械性慢区宜调商苦。住组无殖孙弦变鱼福陆候针聚苏乡两。弦叶居道著流便亲赶工底率白地取，征门空呢考略杂影其念石花。掉伟将民他商宗专席考底季几略增学金南剂。沿余哪项所终做绝害燃治次握天乡几交极述。照级月教烈右志机高吃术白低油里相间号药。艺下她益皮怀周脸曲配假诉亚肉。型井人考些刚肥引克认祖烟地正企固足，司甲打记宁族服投权训这扩散叶叶较雷苗胞。九跳世肥末收数袁均央。兵施校报末直球营村存山足赵修导简。长钟急族没绍木采块令。

维基版头

你可以制作一个自定义的维基版头！使用如下代码：

[[div class="wiki-head"]]
[[image 图片链接]]
[[/div]]

这样做会将相应的图片显示在页面内容区域上方。

Chara组件

这是一个极端复杂的组件，用于生成带有图标的悬浮折叠块，具体使用效果参见这篇GoI格式的“角色”部分。由于组件基于一个折叠块工作，因此组件内部的折叠容器必须使用多重折叠组件。

结构

Chara组件由一个外容器和可重复使用的子容器构成。外容器是一个带有内联参数的[[div]]元素，子容器则通过两个[[include]]语法前后包裹，两者的参数设置方法并不一致。

[[div class="charaContainer" style="flex-wrap: wrap; --chara-image: url("https://ah-sandbox.wikidot.com/local--files/secret:super-crush-personnels/Sprite.png"); --sprite-full-image-size: 2176px 3920px; --sprite-width: 272px; --sprite-height: 280px; --left-transform: -72px; --top-transform: -12px;"]]

[[include :scp-wiki-cn:theme:foundom inc-chara-start=--] | id=1 | x=0 | y=0 | ani=8-4]]

++ 特工八川

[[include :scp-wiki-cn:theme:foundom inc-chara-end=--]]]

[[/div]]

以上黑色部分为外部容器，使用此组件需要用这一容器包裹所有子容器；蓝色部分为子容器，对应每一个折叠块（例如文豪野拳中的每个角色，都使用了一次这段代码），外部容器是一组[[div]]语法，子容器则被两个分别标记为start和end的[[include]]语法包裹。红色部分为外部容器的参数，在此处设置的参数会影响到每一个子容器；绿色部分为子容器参数，在此处设置的参数只会影响到相对应的容器。

外部容器参数

外部容器参数使用CSS参数，使用冒号连接参数名和参数值，使用分号分隔不同参数，具体格式可仿照前述示例。若无默认值且无特别说明则为必填项。

属性名 解释 默认值
--chara-vertical-margin 折叠展开后显示区域的垂直外边距 10vh
--chara-side-margin 折叠展开后显示区域的水平外边距 15vw
--chara-button-width 展开按钮（可点击区域）宽度 140px
--chara-button-height 展开按钮（可点击区域）高度 180px
--chara-image 展开按钮（可点击区域）与展开后的展示区域使用的图片，可为单张图片或精灵图；若为单张图片，请使用下述的子容器“style”参数，不要在外部容器填写此参数。 无，请用url('链接')格式填写图片链接
--chara-image-size或--sprite-full-image-size 素材图片的显示大小。注意，这是素材图片的实际显示大小，即缩放比例乘以图片本身尺寸，与显示区域大小并不挂钩。 无
--sprite-width 精灵宽度。若使用单张图片，可设为任意值，但单位不可省略。 无
--sprite-height 精灵高度。若使用单张图片，可设为任意值，但单位不可省略。 无
--left-transform 展开按钮中显示图片的水平偏移量 0px
--top-transform 展开按钮中显示图片的垂直偏移量 0px
--chara-image-width 展开后区域显示图片宽度 272px
--chara-image-height 展开后区域显示图片高度 280px
--chara-image-display 展开后区域是否显示图片，若否，则填none block

子容器参数

外部容器参数使用include参数，使用等于号连接参数名和参数值，使用竖线分隔不同参数，具体格式可仿照前述示例。若无默认值且无特别说明则为必填项。

属性名 解释 默认值
id 折叠块的ID，暂无实际用途，未来可能会基于此添加区分功能，建议使用。 无
x 精灵切片左上角横坐标。若使用单张图片则填写0 无
y 精灵切片左上角纵坐标。若使用单张图片则填写0 无
ani 内置的精灵动画组件：填写2则为2帧每帧0.4秒，填写4则为4帧每帧0.2秒，填写8-2则为8帧每帧0.1秒，填写8-4则为8帧每帧0.2秒，填写8-8则为8帧每帧0.4秒 无
style 对整个折叠块使用CSS参数。可用的参数与前述外部容器参数相同，但仅作用于设置的折叠块 无，请按照“| style=--chara-image: url('');”之类的格式设置，请把所有CSS参数填写在同一个style参数内。此参数不可重复使用
imgstyle 对展开后区域内图片使用CSS参数。可用的参数与前述外部容器参数相同，但仅作用于设置的折叠块 无，请按照“| imgstyle=--chara-image: url('');”之类的格式设置，请把所有CSS参数填写在同一个imgstyle参数内。此参数不可重复使用


源代码

+ 查看源码
原创版式
页面版本: 5, 最后编辑于: 12 Mar 2025 06:42
编辑 评分 (+31) 标签 讨论 (7) 历史记录 附件 打印 网站工具 + 选项
除非特别注明，本页内容采用以下授权方式： Creative Commons Attribution-ShareAlike 3.0 License