Template:Section: Difference between revisions

From Elwiki
mNo edit summary
mNo edit summary
Line 55: Line 55:
| Title0=参数
| Title0=参数
| Content0=<span style="display:none">{{</span>
| Content0=<span style="display:none">{{</span>
{| width="100%"
#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列内容区内容。
*'''注:'''如果要在内容区添加表格或其他区域内容,请使用'''''<nowiki><span style="display:none">{{</span> ... <span style="display:none">}}</span></nowiki>'''''。
|}
|}
<span style="display:none">}}</span>
<span style="display:none">}}</span>
}}
{{Section
| Color=orange
| Title0=其他注意事项和提示
| Content0=<span style="display:none">{{</span>
#为了和上下的Section模板结合,Section模板默认是没有底部边框的,因此在需要的时候用'''''<code>SectionSty</code>'''设置。
#为了和左边的Section列结合,从第一列开始的列标题均有左边框,如果需要将非0列作为最左侧列,请用'''''<code>TitleStyN</code>'''''将对应列表标题的左边框去除。
#标题栏下的横线为标题栏元素属性,而非标题栏整体属性。
<span style="display:none">}}</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>
}}
}}

Revision as of 16:30, 24 July 2014


Section模板
Section模板是由boxsnake编写的UI模板,旨在美化界面。此页即为Section模板示例。
模板参数
{{
  1. 模板参数即传入模板的变量,一般为参数名=参数值{{模板名 | 参数名1=参数值1 | 参数名2=参数值2}}或者参数值{{模板名 | 参数值1 | 参数值2}})。
  2. 后者方式传入的参数,模板用{{{参数序号}}}{{{1}}})调用。前者既可以用{{{参数序号}}}调用,也可以用{{{参数名}}}{{{param}}})调用。
}}
参数
{{
  1. Section模板最多可以有16列,从左到右编号从0到15。
  2. 整体参数:对整个区域进行的设置。
  3. 全局参数:对整个区域内每个元素进行的设置,会覆盖相同的整体参数设置。
  4. 局部参数:对单个元素进行的设置,会覆盖相同的整体参数和局部参数设置。
名称 描述
整体参数:
SectionSty
Section模板整体样式(兼容CSS语法)。
整体参数:
TitleStys
标题栏整体样式(兼容CSS语法),会覆盖相同的SectionSty设置。
整体参数:
Styles
内容区整体样式(兼容CSS语法),会覆盖相同的SectionSty设置。
全局参数:
TitleSty
标题栏样式,类似TitleStys,但是此样式设置是针对标题栏中的每个标题进行的设置,而非整个标题栏。此样式设置会覆盖SectionStyTitleStys的相同设置。
全局参数:
Style
内容区样式,类似Styles,但是此样式设置是针对内容区中的每个元素进行设置,而非整个内容区。此样式设置会覆盖SectionStysTitleStys的相同设置。
全局参数:
Color
标题栏颜色(兼容CSS语法),可以使用rgba,#XXXXXX和颜色名称,此后不需要分号。此样式设置会覆盖SectionSty的颜色设置,但是会被TitleStysTitleSty中的颜色设置覆盖。
全局参数:
Width
列宽度(兼容CSS语法),可以使用em,pt,百分比等,此后不需要分号。此样式设置会覆盖SectionSty的颜色设置,但是会被TitleStysTitleSty中的宽度设置覆盖。
  • 注:每一列的宽度是由标题栏宽度决定的,所以如果隐藏了标题栏,请设置内容区宽度。
局部参数:
TitleSty0 ... TitleSty15
0-15列标题栏样式(兼容CSS语法),会覆盖SectionStyTitleStysTitleSty的对应设置,同时会覆盖ColorColor0 ... Color15WidthWidth0 ... Width15的颜色和宽度设置。
局部参数:
Style0 ... Style15
0-15列内容区样式(兼容CSS语法),会覆盖SectionStyStylesStyle的对应设置。
局部参数:
Attr0 ... Attr15
0-15列标题栏附加属性(兼容HTML语法),可以设置如colspan、rowspan之类的附加属性。
局部参数:
Title0 ... Title15
0-15列标题栏内容。
局部参数:
Content0 ... Content15
0-15列内容区内容。
  • 注:如果要在内容区添加表格或其他区域内容,请使用<span style="display:none">{{</span> ... <span style="display:none">}}</span>
}}
其他注意事项和提示
{{
  1. 为了和上下的Section模板结合,Section模板默认是没有底部边框的,因此在需要的时候用SectionSty设置。
  2. 为了和左边的Section列结合,从第一列开始的列标题均有左边框,如果需要将非0列作为最左侧列,请用TitleStyN将对应列表标题的左边框去除。
  3. 标题栏下的横线为标题栏元素属性,而非标题栏整体属性。
}}
其他示例
示例1
示例1
{{Section
| SectionSty=border: 2px #ccc solid; border-radius: 5px;
| Color0=lightblue
| Title0=示例1
| Content0=示例1
}}