中央厨房 版式

// 中央厨房 版式

Rating: +32
Rating: +32

ck-01.png

parallel-theme-logo.svg

parallel-theme-logo-zh.svg

这是为中央厨房制作的版式,基于平行。使用以下代码引入此版式:

[[include :scp-wiki-cn:theme:parallel]]
[[include :scp-wiki-cn:theme:kitchen]]

主题颜色

WikiJump include 未展开: 本地数据库中没有当前版本(:scp-wiki:component:theme-squares)

元素示例

logo.svg

一张什么图,看不清也没关系,因为这个东西的作用是给你预览图片块

可通过⑨个连字符“---------”创建水平分割线。若它未被放在其他部件(诸如引用块)中,则会左右延伸贯穿页面。这种将文件分割为多个部分的线就是分割线。


标题可通过在一行字起始处输入 1 至 6 个加号“+”来创建。

+ 折叠块- 收起

一号标题 肯德基 KFC

二号标题 麦当劳 McDonald's

三号标题 德克士 Decos

四号标题 云雀餐饮 GUSTO

五号标题 塔斯汀中国汉堡
六号标题 华莱士喷射战士
分页分页长 Tab由于一些奇怪的原因,这个空 tab 有一个很长的名字。我想知道为什么?这很奇怪。空 Tab空 Tab空 Tab空 Tab空 Tab

此为分页(tab view)。

这是一个引用块,在一行字的起始处加上“> ”来创建。

更多文字


一条分割线

嵌套引用块

这是桌子
你应该知道餐厅里
这玩意有用

特色汉堡 div

[[div class="blockquote burger" data-title="示例标题"]]

加入data-title属性即可添加标题;不加此属性则无标题元素,下同。

[[div class="blockquote burger" data-title="示例标题2"]]

同一个元素,注意标题样式和汉堡都不一样!

[[div class="blockquote burger" data-title="示例标题3"]]

一共有两种循环的标题样式和breadddddbreaddddd绘制的整整三十种不同汉堡!

[[div class="blockquote burger" data-title="示例标题4"]]

如果你需要精确控制汉堡种类的话,下面有……

+ 三十种不同的汉堡!!!- 隐藏

[[div class="blockquote burger1" data-title="示例标题"]]

加入data-title属性即可添加标题;不加此属性则无标题元素,下同。

[[div class="blockquote burger2"]]

[[div class="blockquote burger3"]]

[[div class="blockquote burger4"]]

[[div class="blockquote burger5"]]

[[div class="blockquote burger6"]]

[[div class="blockquote burger7"]]

[[div class="blockquote burger8"]]

[[div class="blockquote burger9"]]

[[div class="blockquote burger10"]]

[[div class="blockquote burger11"]]

[[div class="blockquote burger12"]]

[[div class="blockquote burger13"]]

[[div class="blockquote burger14"]]

[[div class="blockquote burger15"]]

[[div class="blockquote burger16"]]

[[div class="blockquote burger17"]]

[[div class="blockquote burger18"]]

[[div class="blockquote burger19"]]

[[div class="blockquote burger20"]]

[[div class="blockquote burger21"]]

[[div class="blockquote burger22"]]

[[div class="blockquote burger23"]]

[[div class="blockquote burger24"]]

[[div class="blockquote burger25"]]

[[div class="blockquote burger26"]]

[[div class="blockquote burger27"]]

[[div class="blockquote burger28"]]

[[div class="blockquote burger29"]]

[[div class="blockquote burger30"]]

[[div class="blockquote burger" data-title="示例标题5"]]

以及,如果你需要精确控制div颜色的话,还有……

+ 两种可选添加的CSS类- 隐藏

[[div class="blockquote burger main-accent" data-title="示例标题"]]

添加main-accent或者side-accent类!

[[div class="blockquote burger side-accent"]]

可以和精确控制汉堡种类的选项一起使用!

其他特色元素

[[div class="full-width-container"]]

此元素会使放置在其中的任何[[div]]变成全宽,慎用。此元素本身没有样式,此处黑色背景仅用于展示全宽的效果。

修改配色

可以使用简单的CSS修改配色,此处放上示例。

css
/* 德克士 */

:root {
    --McYellow: 55, 175, 45;
    --KRed: 145, 235, 90;

    --element-main-accent-color: var(--McYellow);
    --element-side-accent-color: var(--KRed);
}
页面版本:⁨0⁩, 最后编辑于: ⁨2025/1/20 12:24:40⁩ (⁨⁨604⁩ 日前⁩), 现时评分: 32