|
|
| (136 intermediate revisions by 4 users not shown) |
| Line 1: |
Line 1: |
| <includeonly><table cellspacing="0" cellpadding="0" style="position: relative; width: 100%; padding: 0; margin: 0; font-size: 1em; line-height: 1.5em; word-break: break-all; border: 1px #000 solid; border-bottom: none; border-sapcing: 0;{{{SectionSty|}}}"> | | __NOTOC__<includeonly><table |
| <tr style="font-weight: bold; color: #fff; text-align: center; vertical-align: middle; text-shadow: 1px 1px 1px black; height: 2em;{{{TitleStys|}}}">{{#if:{{{Title0|}}}| | | style=" |
| <td style="width:{{{Width0|{{{Width|}}}}}}; border-bottom: 1px #000 solid; background-color:{{{Color0|{{{Color|}}}}}}; background-image: linear-gradient(to bottom, #eee, {{{Color0|{{{Color|}}}}}});{{{TitleSty|}}};{{{TitleSty0|}}}" {{{Attr0|}}}>{{{Title0|}}}</td>|}}{{#if:{{{Title1|}}}|
| | {{#if:{{{Widths|}}}|width:{{{Widths|}}};}} |
| <td style="width:{{{Width1|{{{Width|}}}}}}; border-bottom: 1px #000 solid; border-left: 1px #000 solid; background-color:{{{Color1|{{{Color|}}}}}}; background-image: linear-gradient(to bottom, #eee, {{{Color1|{{{Color|}}}}}});{{{TitleSty|}}};{{{TitleSty1|}}}" {{{Attr1|}}}>{{{Title1|}}}</td>|}}{{#if:{{{Title2|}}}| | | {{{SectionSty|}}} |
| <td style="width:{{{Width2|{{{Width|}}}}}}; border-bottom: 1px #000 solid; border-left: 1px #000 solid; background-color:{{{Color2|{{{Color|}}}}}}; background-image: linear-gradient(to bottom, #eee, {{{Color2|{{{Color|}}}}}});{{{TitleSty|}}};{{{TitleSty2|}}}" {{{Attr2|}}}>{{{Title2|}}}</td>|}}{{#if:{{{Title3|}}}| | | " |
| <td style="width:{{{Width3|{{{Width|}}}}}}; border-bottom: 1px #000 solid; border-left: 1px #000 solid; background-color:{{{Color3|{{{Color|}}}}}}; background-image: linear-gradient(to bottom, #eee, {{{Color3|{{{Color|}}}}}});{{{TitleSty|}}};{{{TitleSty3|}}}" {{{Attr3|}}}>{{{Title3|}}}</td>|}}{{#if:{{{Title4|}}}|
| | class=" |
| <td style="width:{{{Width4|{{{Width|}}}}}}; border-bottom: 1px #000 solid; border-left: 1px #000 solid; background-color:{{{Color4|{{{Color|}}}}}}; background-image: linear-gradient(to bottom, #eee, {{{Color4|{{{Color|}}}}}});{{{TitleSty|}}};{{{TitleSty4|}}}" {{{Attr4|}}}>{{{Title4|}}}</td>|}}{{#if:{{{Title5|}}}|
| | section |
| <td style="width:{{{Width5|{{{Width|}}}}}}; border-bottom: 1px #000 solid; border-left: 1px #000 solid; background-color:{{{Color5|{{{Color|}}}}}}; background-image: linear-gradient(to bottom, #eee, {{{Color5|{{{Color|}}}}}});{{{TitleSty|}}};{{{TitleSty5|}}}" {{{Attr5|}}}>{{{Title5|}}}</td>|}}{{#if:{{{Title6|}}}|
| | {{{SectionCls|}}} |
| <td style="width:{{{Width6|{{{Width|}}}}}}; border-bottom: 1px #000 solid; border-left: 1px #000 solid; background-color:{{{Color6|{{{Color|}}}}}}; background-image: linear-gradient(to bottom, #eee, {{{Color6|{{{Color|}}}}}});{{{TitleSty|}}};{{{TitleSty6|}}}" {{{Attr6|}}}>{{{Title6|}}}</td>|}}{{#if:{{{Title7|}}}|
| | " |
| <td style="width:{{{Width7|{{{Width|}}}}}}; border-bottom: 1px #000 solid; border-left: 1px #000 solid; background-color:{{{Color7|{{{Color|}}}}}}; background-image: linear-gradient(to bottom, #eee, {{{Color7|{{{Color|}}}}}});{{{TitleSty|}}};{{{TitleSty7|}}}" {{{Attr7|}}}>{{{Title7|}}}</td>|}}{{#if:{{{Title8|}}}|
| | {{{Attr|}}} |
| <td style="width:{{{Width8|{{{Width|}}}}}}; border-bottom: 1px #000 solid; border-left: 1px #000 solid; background-color:{{{Color8|{{{Color|}}}}}}; background-image: linear-gradient(to bottom, #eee, {{{Color8|{{{Color|}}}}}});{{{TitleSty|}}};{{{TitleSty8|}}}" {{{Attr8|}}}>{{{Title8|}}}</td>|}}{{#if:{{{Title9|}}}|
| | > |
| <td style="width:{{{Width9|{{{Width|}}}}}}; border-bottom: 1px #000 solid; border-left: 1px #000 solid; background-color:{{{Color9|{{{Color|}}}}}}; background-image: linear-gradient(to bottom, #eee, {{{Color9|{{{Color|}}}}}});{{{TitleSty|}}};{{{TitleSty9|}}}" {{{Attr9|}}}>{{{Title9|}}}</td>|}}{{#if:{{{Title10|}}}|
| | <tr |
| <td style="width:{{{Width10|{{{Width|}}}}}}; border-bottom: 1px #000 solid; border-left: 1px #000 solid; background-color:{{{Color10|{{{Color|}}}}}}; background-image: linear-gradient(to bottom, #eee, {{{Color10|{{{Color|}}}}}});{{{TitleSty|}}};{{{TitleSty10|}}}" {{{Attr10|}}}>{{{Title10|}}}</td>|}}{{#if:{{{Title11|}}}|
| | style="{{{hStyles|}}}" |
| <td style="width:{{{Width11|{{{Width|}}}}}}; border-bottom: 1px #000 solid; border-left: 1px #000 solid; background-color:{{{Color11|{{{Color|}}}}}}; background-image: linear-gradient(to bottom, #eee, {{{Color11|{{{Color|}}}}}});{{{TitleSty|}}};{{{TitleSty11|}}}" {{{Attr11|}}}>{{{Title11|}}}</td>|}}{{#if:{{{Title12|}}}|
| | class=" |
| <td style="width:{{{Width12|{{{Width|}}}}}}; border-bottom: 1px #000 solid; border-left: 1px #000 solid; background-color:{{{Color12|{{{Color|}}}}}}; background-image: linear-gradient(to bottom, #eee, {{{Color12|{{{Color|}}}}}});{{{TitleSty|}}};{{{TitleSty12|}}}" {{{Attr12|}}}>{{{Title12|}}}</td>|}}{{#if:{{{Title13|}}}|
| | textfloat |
| <td style="width:{{{Width13|{{{Width|}}}}}}; border-bottom: 1px #000 solid; border-left: 1px #000 solid; background-color:{{{Color13|{{{Color|}}}}}}; background-image: linear-gradient(to bottom, #eee, {{{Color13|{{{Color|}}}}}});{{{TitleSty|}}};{{{TitleSty13|}}}" {{{Attr13|}}}>{{{Title13|}}}</td>|}}{{#if:{{{Title14|}}}|
| | {{{hClses|}}} |
| <td style="width:{{{Width14|{{{Width|}}}}}}; border-bottom: 1px #000 solid; border-left: 1px #000 solid; background-color:{{{Color14|{{{Color|}}}}}}; background-image: linear-gradient(to bottom, #eee, {{{Color14|{{{Color|}}}}}});{{{TitleSty|}}};{{{TitleSty14|}}}" {{{Attr14|}}}>{{{Title14|}}}</td>|}}{{#if:{{{Title15|}}}|
| | {{#ifeq:{{{Color|}}}|Rainbow|rainbow}} |
| <td style="width:{{{Width15|{{{Width|}}}}}}; border-bottom: 1px #000 solid; border-left: 1px #000 solid; background-color:{{{Color15|{{{Color|}}}}}}; background-image: linear-gradient(to bottom, #eee, {{{Color15|{{{Color|}}}}}});{{{TitleSty|}}};{{{TitleSty15|}}}" {{{Attr15|}}}>{{{Title15|}}}</td>|}} | | "> |
| | {{#forargs:Title |
| | | key |
| | | value |
| | | {{#if:{{#var:value|}} |
| | |<th |
| | style=" |
| | {{#if:{{{Width|}}}|width:{{{Width}}};}} |
| | {{#if:{{{Width{{#var:key|}}|}}}|width:{{{Width{{#var:key|}}}}};}} |
| | {{#if:{{{Color|}}}|background-color:{{{Color}}};}} |
| | {{#if:{{{Color{{#var:key|}}|}}}|background-color:{{{Color{{#var:key|}}}}};}} |
| | {{{hStyle|}}}; |
| | {{{hStyle{{#var:key|}}|}}} |
| | " |
| | class=" |
| | {{{hCls{{#var:key|}}|{{{hCls|}}}}}} |
| | {{#ifeq:{{{Color{{#var:key|}}|}}}|Rainbow|rainbow}} |
| | " |
| | {{{hAttr{{#var:key|}}|{{{hAttr|}}}}}} |
| | ><!-- |
| | -->{{#if:{{{header|}}} |
| | |<h{{{header|}}} id="{{anchorencode:{{#var:value|}}}}">{{#var:value|}}</h{{{header|}}}> |
| | |{{#var:value|}} |
| | }}<!-- |
| | --></th> |
| | }} |
| | }} |
| </tr> | | </tr> |
| <tr style="vertical-align: top;{{{Styles|}}}">{{#if:{{{Title0|}}}| | | <tr |
| <td style="padding: 0.5em;{{{Style|}}};{{{Style0|}}}">{{{Content0|}}}</td>|}}{{#if:{{{Title1|}}}| | | style="{{{Styles|}}}" |
| <td style="padding: 0.5em;{{{Style|}}};{{{Style1|}}}">{{{Content1|}}}</td>|}}{{#if:{{{Title2|}}}|
| | class="{{{Clses|}}}" |
| <td style="padding: 0.5em;{{{Style|}}};{{{Style2|}}}">{{{Content2|}}}</td>|}}{{#if:{{{Title3|}}}|
| | > |
| <td style="padding: 0.5em;{{{Style|}}};{{{Style3|}}}">{{{Content3|}}}</td>|}}{{#if:{{{Title4|}}}|
| | {{#forargs:Title |
| <td style="padding: 0.5em;{{{Style|}}};{{{Style4|}}}">{{{Content4|}}}</td>|}}{{#if:{{{Title5|}}}|
| | | key |
| <td style="padding: 0.5em;{{{Style|}}};{{{Style5|}}}">{{{Content5|}}}</td>|}}{{#if:{{{Title6|}}}|
| | | value |
| <td style="padding: 0.5em;{{{Style|}}};{{{Style6|}}}">{{{Content6|}}}</td>|}}{{#if:{{{Title7|}}}|
| | | {{#if:{{#var:value|}} |
| <td style="padding: 0.5em;{{{Style|}}};{{{Style7|}}}">{{{Content7|}}}</td>|}}{{#if:{{{Title8|}}}|
| | |<td |
| <td style="padding: 0.5em;{{{Style|}}};{{{Style8|}}}">{{{Content8|}}}</td>|}}{{#if:{{{Title9|}}}|
| | style=" |
| <td style="padding: 0.5em;{{{Style|}}};{{{Style9|}}}">{{{Content9|}}}</td>|}}{{#if:{{{Title10|}}}|
| | {{#if:{{{Width|}}}|width:{{{Width}}};}} |
| <td style="padding: 0.5em;{{{Style|}}};{{{Style10|}}}">{{{Content10|}}}</td>|}}{{#if:{{{Title11|}}}|
| | {{#if:{{{Width{{#var:key|}}|}}}|width:{{{Width{{#var:key|}}}}};}} |
| <td style="padding: 0.5em;{{{Style|}}};{{{Style11|}}}">{{{Content11|}}}</td>|}}{{#if:{{{Title12|}}}|
| | {{{Style|}}}; |
| <td style="padding: 0.5em;{{{Style|}}};{{{Style12|}}}">{{{Content12|}}}</td>|}}{{#if:{{{Title13|}}}|
| | {{{Style{{#var:key|}}|}}} |
| <td style="padding: 0.5em;{{{Style|}}};{{{Style13|}}}">{{{Content13|}}}</td>|}}{{#if:{{{Title14|}}}|
| | " |
| <td style="padding: 0.5em;{{{Style|}}};{{{Style14|}}}">{{{Content14|}}}</td>|}}{{#if:{{{Title15|}}}|
| | class="{{{Cls{{#var:key|}}|{{{Cls|}}}}}}" |
| <td style="padding: 0.5em;{{{Style|}}};{{{Style15|}}}">{{{Content15|}}}</td>|}} | | {{{Attr{{#var:key|}}|{{{Attr|}}}}}} |
| | ><!-- |
| | -->{{{Content{{#var:key|}}|}}}<!-- |
| | --></td> |
| | }} |
| | }} |
| </tr> | | </tr> |
| </table></includeonly><noinclude>{{DISPLAYTITLE:Section模板}} | | </table><includeonly><noinclude>{{Doc}}</noinclude> |
| {{Section
| |
| | Color0=lightgreen
| |
| | Title0=Section模板
| |
| | Content0=Section模板是由[[User:boxsnake|boxsnake]]编写的UI模板，旨在美化界面。此页即为Section模板示例。
| |
| }}
| |
| {{Section
| |
| | Color0=blue
| |
| | Title0=模板参数
| |
| | Content0=<span>
| |
| #模板参数即传入模板的变量，一般为'''''<code>参数名=参数值</code>'''''（'''''<code><nowiki>{{模板名 | 参数名1=参数值1 | 参数名2=参数值2}}</nowiki></code>）'''''或者'''''<code>参数值</code>'''''（'''''<code><nowiki>{{模板名 | 参数值1 | 参数值2}}</nowiki></code>'''''）。
| |
| #后者方式传入的参数，模板用'''''<code><nowiki>{{{参数序号}}}</nowiki></code>'''''（'''''<code><nowiki>{{{1}}}</nowiki></code>'''''）调用。前者既可以用'''''<code><nowiki>{{{参数序号}}}</nowiki></code>'''''调用，也可以用'''''<code><nowiki>{{{参数名}}}</nowiki></code>'''''（'''''<code><nowiki>{{{param}}}</nowiki></code>'''''）调用。
| |
| </span>
| |
| }}
| |
| {{Section
| |
| | Color0=purple
| |
| | Title0=参数
| |
| | Content0=<span style="display:none">{{</span>
| |
| #Section模板最多可以有16列，从左到右编号从0到15。
| |
| #'''整体参数：'''对整个区域进行的设置。
| |
| #'''全局参数：'''对整个区域内每个元素进行的设置，会覆盖相同的整体参数设置。
| |
| #'''局部参数：'''对单个元素进行的设置，会覆盖相同的整体参数和局部参数设置。
| |
| {| width="100%" border="1px" style="border-collapse: collapse;"
| |
| | width="25%" | '''名称'''
| |
| |'''描述'''
| |
| |-
| |
| |'''整体参数：<br>''<code>SectionSty</code>'''''
| |
| |Section模板整体样式（兼容CSS语法）。
| |
| |-
| |
| |'''整体参数：<br>''<code>TitleStys</code>'''''
| |
| |标题栏整体样式（兼容CSS语法），会覆盖相同的'''''<code>SectionSty</code>'''''设置。
| |
| |-
| |
| |'''整体参数：<br>''<code>Styles</code>'''''
| |
| |内容区整体样式（兼容CSS语法），会覆盖相同的'''''<code>SectionSty</code>'''''设置。
| |
| |-
| |
| |'''全局参数：<br>''<code>TitleSty</code>'''''
| |
| |标题栏样式，类似'''''<code>TitleStys</code>'''''，但是此样式设置是针对标题栏中的每个标题进行的设置，而非整个标题栏。此样式设置会覆盖'''''<code>SectionSty</code>'''''和'''''<code>TitleStys</code>'''''的相同设置。
| |
| |-
| |
| |'''全局参数：<br>''<code>Style</code>'''''
| |
| |内容区样式，类似'''''<code>Styles</code>'''''，但是此样式设置是针对内容区中的每个元素进行设置，而非整个内容区。此样式设置会覆盖'''''<code>SectionStys</code>'''''和'''''<code>TitleStys</code>'''''的相同设置。
| |
| |-
| |
| |'''全局参数：<br>''<code>Color</code>'''''
| |
| |标题栏颜色（兼容CSS语法），可以使用rgba，#XXXXXX和颜色名称，此后不需要分号。此样式设置会覆盖'''''<code>SectionSty</code>'''''的颜色设置，但是会被'''''<code>TitleStys</code>'''''和'''''<code>TitleSty</code>'''''中的颜色设置覆盖。
| |
| |-
| |
| |'''全局参数：<br>''<code>Width</code>'''''
| |
| |列宽度（兼容CSS语法），可以使用em，pt，百分比等，此后不需要分号。此样式设置会覆盖'''''<code>SectionSty</code>'''''的颜色设置，但是会被'''''<code>TitleStys</code>'''''和'''''<code>TitleSty</code>'''''中的宽度设置覆盖。
| |
| *'''注：'''每一列的宽度是由标题栏宽度决定的，所以如果隐藏了标题栏，请设置内容区宽度。
| |
| |-
| |
| |'''局部参数：<br>''<code>TitleSty0</code>'' ... ''<code>TitleSty15</code>'''''
| |
| |0-15列标题栏样式（兼容CSS语法），会覆盖'''''<code>SectionSty</code>'''''，'''''<code>TitleStys</code>'''''和'''''<code>TitleSty</code>'''''的对应设置，同时会覆盖'''''<code>Color</code>'''''，'''''<code>Color0</code>'' ... ''<code>Color15</code>'''''，'''''<code>Width</code>'''''和'''''<code>Width0</code>'' ... ''<code>Width15</code>'''''的颜色和宽度设置。
| |
| |-
| |
| |'''局部参数：<br>''<code>Style0</code>'' ... ''<code>Style15</code>'''''
| |
| |0-15列内容区样式（兼容CSS语法），会覆盖'''''<code>SectionSty</code>'''''，'''''<code>Styles</code>'''''和'''''<code>Style</code>'''''的对应设置。
| |
| |-
| |
| |'''局部参数：<br>''<code>Attr0</code>'' ... ''<code>Attr15</code>'''''
| |
| |0-15列标题栏附加属性（兼容HTML语法），可以设置如colspan、rowspan之类的附加属性。
| |
| |-
| |
| |'''局部参数：<br>''<code>Title0</code>'' ... ''<code>Title15</code>'''''
| |
| |0-15列标题栏内容。
| |
| |-
| |
| |'''局部参数：<br>''<code>Content0</code>'' ... ''<code>Content15</code>'''''
| |
| |0-15列内容区内容。
| |
| *'''注：'''如果要在内容区添加表格或其他区域内容，请使用'''''<code><nowiki><span> ... </span></nowiki></code>'''''或'''''<code><nowiki><span style="display:none">{{</span> ... <span style="display:none">}}</span></nowiki></code>'''''（后者可约束MediaWiki语法表格）。
| |
| |}
| |
| <span style="display:none">}}</span>
| |
| }}
| |
| {{Section
| |
| | Color=orange
| |
| | Title0=其他注意事项和提示
| |
| | Content0=<span>
| |
| #为了和上下的Section模板结合，Section模板默认是没有底部边框的，因此在需要的时候用'''''<code>SectionSty</code>'''设置。
| |
| #为了和左边的Section列结合，从第一列开始的列标题均有左边框，如果需要将非0列作为最左侧列，请用'''''<code>TitleStyN</code>'''''将对应列表标题的左边框去除。
| |
| #标题栏下的横线为标题栏元素属性，而非标题栏整体属性。
| |
| </span>
| |
| }}
| |
| {{Section
| |
| | SectionSty=border-bottom: 1px #000 solid;
| |
| | Color0=green
| |
| | Title0=其他示例
| |
| | Content0=
| |
| {{Section
| |
| | SectionSty=border: 2px #ccc solid; border-radius: 5px;
| |
| | Color0=lightblue
| |
| | Title0=示例1
| |
| | Content0=示例1
| |
| }}<pre>
| |
| {{Section
| |
| | SectionSty=border: 2px #ccc solid; border-radius: 5px;
| |
| | Color0=lightblue
| |
| | Title0=示例1
| |
| | Content0=示例1
| |
| }}</pre>
| |
| }}</noinclude> | |
