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模板示例。 |
模板参数 |
|
参数 | ||||||||||||||||||||||||||
|
其他注意事项和提示 |
|
其他示例 | ||
{{Section | SectionSty=border: 2px #ccc solid; border-radius: 5px; | Color0=lightblue | Title0=示例1 | Content0=示例1 }} |