Template:Section

Section模板

Section模板是由boxsnake编写的UI模板，旨在美化界面。

模板参数

• 什么是模板参数？

模板参数可以看做是传入模板的变量，由模板接受后填入对应的代码位置，一般为参数名=参数值'或者或者参数值。如果用前者方式传入模板，模板通过变量名调用变量的值（比如a=2，那么模板调用a就会显示2），后者传入模板的话，模板根据传入值的序列用序列号调用（第一个序号为1，第二个为2，依次类推）。

• 我如何传入模板参数？

{{模板名 | 参数1 | 参数名2=参数值2 }}

• 模板参数使用“|”分割。

整体参数

StyleSec

• 此参数用于为整个Section框架增加样式，样式写法兼容CSS语句。并且，此样式会覆盖之前已有的同名样式。

StyleTitle

• 此参数用于为整个Section表头增加样式，样式写法兼容CSS语句。并且，此样式会覆盖之前已有的同名样式。

StyleCont

• 此参数用于为整个Section内容区增加样式，样写法兼容CSS语句。并且，此样式会覆盖之前已有的同名样式。

个体参数

• Section模板可以由多列组成，每个列在此维基页中称为“个体”。一个Section模板最多可以拥有16个个体（列）。
• 只要有个体对应的标题参数存在且不为空值，个体就会在Section中显示。

Title

• 标题参数（即显示在Section头部的文字），参数名依次为Title、Title1、Title2、...、Title15（最多16个）。

Content

• 内容参数，参数名称为Content到Content15（规则同Title参数）。对应个体的内容。

Width

• 宽度参数，参数名称为Width到Width15（规则同Title参数）。指定对应个体的宽度，可以使用em，pt等，也可以使用百分比，不需要在末尾添加分号。如果不指定将由浏览器自动调整。

Color

• 颜色参数，参数名称为Color到Color15（规则同Title参数）。指定对应个体标签部分的背景颜色。可以使用rgba函数，以#开头的颜色值，或者是CSS颜色值（如red，white等）。注意，颜色后不要添加分号。

StyleT

• 标题附加样式，参数名称为StyleT到StyleT15（T的意思为Title，规则同Title参数）。作用类似整体参数StyleSec、StyleTitle和StyleCont，给对应的个体标题附加样式。样式写法兼容CSS语句。并且，此样式会覆盖之前已有的同名样式，以及StyleSec和StyleTitle中定义的相同样式。

Style

• 内容附加样式，参数名称为Style到Style15（规则同Title参数）。对应个体内容区域的附加样式，作用和StyleT类似。

Attr

• 首元素附加属性。此参数设置首元素（也就是Title对应的个体），可以为其添加类似colspan和rowspan之类的属性。

其他注意事项和提示

• 为了Section之间的接合，默认情况下，Section是没有底边的。如果需要请进行StyleSec调整。
• 如果为Section设置了圆角，注意同时要调整标题和底部样式，否则对应区域可能会超出Section边框。
• 标题底部的黑色线条为个体标题的样式（StyleT），而非标题的整体样式。
• 从Title1对应个体开始，左侧有黑色边框，为了和之前的个体接合。如果需要跳过Title表示的个体，将其他个体作为首个个体，记得要将左侧边框去掉。
• 标题参数存在但为空不会显示对应个体，所以如果需要空标题的个体，请在标题处使用空白对象或者不可见元素。
• 对于某些内容，在等号之后输入会发生错误，需要在内容外加上<span style="display: none">{{</span>和<span style="display: none">}}</span>。
• 由于个体宽度是由标题宽度决定的，所以当隐藏标题后，应该设置内容样式而不是使用Width参数。

示例

Section	Section1
Content	Content1

代码如下：

{{Section
| StyleTitle=background-color: red;
| StyleCont=background-color: black;
| Title=Section
| Content=Content
| Color=black
| Width=20%
| Title1=Section1
| Content=Content1
}}