该版式由 CR-Wu_Ze 制作,参考了许多常见的版式。确切的来说这又不是一个版式,此版式只是整理了许多版式中的行内元素和块级容器,方便文章作者的使用。
若需将本版式引入到你的页面中,请将以下文本放到任意位置:
[[include :more-div]]
具体如下:
明暗块:
[[div class="lightblock"]]
[[/div]]
[[div class="darkblock"]]
[[/div]]
色彩块
[[div class="redblock"]]
[[/div]]
[[div class="subredblock"]]
[[/div]]
[[div class="pinkblock"]]
[[/div]]
[[div class="subpurpleblock"]]
[[/div]]
[[div class="purpleblock"]]
[[/div]]
[[div class="blueblock"]]
[[/div]]
[[div class="lightblueblock"]]
[[/div]]
[[div class="cyanblock"]]
[[/div]]
[[div class="subcyanblock"]]
[[/div]]
[[div class="subgreenblock"]]
[[/div]]
[[div class="greenblock"]]
[[/div]]
[[div class="subyellowblock"]]
[[/div]]
[[div class="yellowblock"]]
[[/div]]
[[div class="suborangeblock"]]
[[/div]]
[[div class="orangeblock"]]
[[/div]]
[[div class="tangerineblock"]]
[[/div]]
标签块:
[[div class="styled-quote"]]
[[/div]]
[[div class="dark-styled-quote"]]
[[/div]]
渐变色块
[[div class="black-blue-card"]]
[[/div]]
[[div class="rainbow-card"]]
[[/div]]
报告块
报告标题
[[div class="reportblock"]]
[[span class="reportbox"]] 报告标题 [[/span]]
[[/div]]
报告标题
[[div class="dark-reportblock"]]
[[span class="dark-reportbox"]] 报告标题 [[/span]]
[[/div]]
边框块
[[div class="glassblock"]]
[[/div]]
[[div class="strokeblock"]]
[[/div]]
[[div class="borderblock"]]
[[/div]]
[[div class="rounded-corners-block"]]
[[/div]]
[[div class="dark-borderblock"]]
[[/div]]
[[div class="light-borderblock"]]
[[/div]]
阴影块
[[div class="hoverblock"]]
[[/div]]
[[div class="inset-hoverblock"]]
[[/div]]
[[div class="piled-up-hoverblock"]]
[[/div]]
组合块
意为组合两个及以上的块级元素,由于可能性太多,此处只挑取部分作为展示。
[[div class="glassblock tangerineblock"]]
[[/div]]
内嵌橘红色块的玻璃块
[[div class="glassblock hoverblock"]]
[[/div]]
内嵌玻璃块的漂浮块
[[div class="glassblock inset-hoverblock"]]
[[/div]]
内嵌玻璃块的下陷块
logo块
[[div class="border-logoblock"]]
[[/div]]
[[div class="logoblock"]]
[[/div]]
[[div class="dark-border-logoblock"]]
[[/div]]
状态板块
[[div class="rewrite-block"]]
[[/div]]
[[div class="construction-block"]]
[[/div]]
[[div class="locked-block"]]
[[/div]]
折叠板块
这样写可以让多个折叠框紧凑地排列在一起。
[[div class="bettercollap"]]
[[collapsible show="展开内容" hide="收起内容"]]
被折叠的内容
[[/collapsible]]
[[collapsible show="展开内容" hide="收起内容"]]
被折叠的内容
[[/collapsible]]
[[collapsible show="展开内容" hide="收起内容"]]
被折叠的内容
[[/collapsible]]
[[/div]]纸张板块
[[div class="darkdocument"]]
[[/div]]
[[div class="document"]]
[[/div]]
行级元素
隐藏文本
隐藏文本,移动显示
隐藏文本,选择显示
黑块文字
黑块文字,移动显示
黑块文字,选择显示
模糊文字
模糊文字,移动显示
下划线文本
划线文本
灰色标记文字
红色标记文字
被涂掉的文字
波浪线文字
上标线文字
虚线的文字
红色下划线文字
画圈的文字
画方框的文字
画了个不圆不方的框的文字
带有阴影的文字
带有分身的文字
黑底文本
红底文本
源代码:
[[span class="text-blank"]] 隐藏文本 [[/span]]
[[span class="text-blank text-hoverback"]] 隐藏文本,移动显示 [[/span]]
[[span class="text-blank text-selectback"]] 隐藏文本,选择显示 [[/span]]
[[span class="text-block"]] 黑块文字 [[/span]]
[[span class="text-block text-hoverback"]] 黑块文字,移动显示 [[/span]]
[[span class="text-block text-selectback"]] 黑块文字,选择显示 [[/span]]
[[span class="text-blur"]] 模糊文字 [[/span]]
[[span class="text-blur text-hoverback"]] 模糊文字,移动显示 [[/span]]
[[span class="text-underlined"]] 下划线文本 [[/span]]
[[span class="text-line-through"]] 划线文本 [[/span]]
[[span class="text-highlighted"]] 灰色标记文字 [[/span]]
[[span class="text-red-taged"]] 红色标记文字 [[/span]]
[[span class="text-black-taged"]] 被涂掉的文字 [[/span]]
[[span class="text-wavy"]] 波浪线文字 [[/span]]
[[span class="text-overline"]] 上标线文字 [[/span]]
[[span class="text-dotted"]] 虚线的文字 [[/span]]
[[span class="text-red-underlined"]] 红色下划线文字 [[/span]]
[[span class="text-circled"]] 画圈的文字 [[/span]]
[[span class="text-squared"]] 画方框的文字 [[/span]]
[[span class="text-squared-circled"]] 画了个不圆不方的框的文字[[/span]]
[[span class="text-shadow"]] 带有阴影的文字 [[/span]]
[[span class="text-double"]] 带有分身的文字 [[/span]]
[[span class="infoblock "]] 黑底文本 [[/span]]
[[span class="red-infoblock "]] 红底文本 [[/span]]
