Template:Section: Difference between revisions
From Elwiki
mNo edit summary |
mNo edit summary |
||
| Line 2: | Line 2: | ||
<tr style="font-weight: bold; color: #fff; text-align: center; vertical-align: middle; text-shadow: 1px 1px 1px black; height: 2em;{{{StyleTitle|}}}">{{#if:{{{Title|}}}| | <tr style="font-weight: bold; color: #fff; text-align: center; vertical-align: middle; text-shadow: 1px 1px 1px black; height: 2em;{{{StyleTitle|}}}">{{#if:{{{Title|}}}| | ||
<td style="width:{{{Width|}}}; border-bottom: 1px #000 solid; background-color:{{{Color|}}}; background-image: linear-gradient(to bottom, #eee, {{{Color|}}});{{{StyleT|}}}">{{{Title|}}}</td>|}}{{#if:{{{Title1|}}}| | <td style="width:{{{Width|}}}; border-bottom: 1px #000 solid; background-color:{{{Color|}}}; background-image: linear-gradient(to bottom, #eee, {{{Color|}}});{{{StyleT|}}}">{{{Title|}}}</td>|}}{{#if:{{{Title1|}}}| | ||
<td style="width:{{{Width1|}}}; border-bottom: 1px #000 solid; background-color:{{{Color1|}}}; background-image: linear-gradient(to bottom, #eee, {{{Color1|}}});{{{StyleT1|}}}">{{{Title1|}}}</td>|}}{{#if:{{{Title2|}}}| | <td style="width:{{{Width1|}}}; border-bottom: 1px #000 solid; border-left: 1px #000 solid; background-color:{{{Color1|}}}; background-image: linear-gradient(to bottom, #eee, {{{Color1|}}});{{{StyleT1|}}}">{{{Title1|}}}</td>|}}{{#if:{{{Title2|}}}| | ||
<td style="width:{{{Width2|}}}; border-bottom: 1px #000 solid; background-color:{{{Color2|}}}; background-image: linear-gradient(to bottom, #eee, {{{Color2|}}});{{{StyleT2|}}}">{{{Title2|}}}</td>|}}{{#if:{{{Title3|}}}| | <td style="width:{{{Width2|}}}; border-bottom: 1px #000 solid; border-left: 1px #000 solid; background-color:{{{Color2|}}}; background-image: linear-gradient(to bottom, #eee, {{{Color2|}}});{{{StyleT2|}}}">{{{Title2|}}}</td>|}}{{#if:{{{Title3|}}}| | ||
<td style="width:{{{Width3|}}}; border-bottom: 1px #000 solid; background-color:{{{Color3|}}}; background-image: linear-gradient(to bottom, #eee, {{{Color3|}}});{{{StyleT3|}}}">{{{Title3|}}}</td>|}}{{#if:{{{Title4|}}}| | <td style="width:{{{Width3|}}}; border-bottom: 1px #000 solid; border-left: 1px #000 solid; background-color:{{{Color3|}}}; background-image: linear-gradient(to bottom, #eee, {{{Color3|}}});{{{StyleT3|}}}">{{{Title3|}}}</td>|}}{{#if:{{{Title4|}}}| | ||
<td style="width:{{{Width4|}}}; border-bottom: 1px #000 solid; background-color:{{{Color4|}}}; background-image: linear-gradient(to bottom, #eee, {{{Color4|}}});{{{StyleT4|}}}">{{{Title4|}}}</td>|}}{{#if:{{{Title5|}}}| | <td style="width:{{{Width4|}}}; border-bottom: 1px #000 solid; border-left: 1px #000 solid; background-color:{{{Color4|}}}; background-image: linear-gradient(to bottom, #eee, {{{Color4|}}});{{{StyleT4|}}}">{{{Title4|}}}</td>|}}{{#if:{{{Title5|}}}| | ||
<td style="width:{{{Width5|}}}; border-bottom: 1px #000 solid; background-color:{{{Color5|}}}; background-image: linear-gradient(to bottom, #eee, {{{Color5|}}});{{{StyleT5|}}}">{{{Title5|}}}</td>|}} | <td style="width:{{{Width5|}}}; border-bottom: 1px #000 solid; border-left: 1px #000 solid; background-color:{{{Color5|}}}; background-image: linear-gradient(to bottom, #eee, {{{Color5|}}});{{{StyleT5|}}}">{{{Title5|}}}</td>|}}{{#if:{{{Title6|}}}| | ||
<td style="width:{{{Width6|}}}; border-bottom: 1px #000 solid; border-left: 1px #000 solid; background-color:{{{Color6|}}}; background-image: linear-gradient(to bottom, #eee, {{{Color6|}}});{{{StyleT6|}}}">{{{Title6|}}}</td>|}}{{#if:{{{Title7|}}}| | |||
<td style="width:{{{Width7|}}}; border-bottom: 1px #000 solid; border-left: 1px #000 solid; background-color:{{{Color7|}}}; background-image: linear-gradient(to bottom, #eee, {{{Color7|}}});{{{StyleT7|}}}">{{{Title7|}}}</td>|}}{{#if:{{{Title8|}}}| | |||
<td style="width:{{{Width8|}}}; border-bottom: 1px #000 solid; border-left: 1px #000 solid; background-color:{{{Color8|}}}; background-image: linear-gradient(to bottom, #eee, {{{Color8|}}});{{{StyleT8|}}}">{{{Title8|}}}</td>|}}{{#if:{{{Title9|}}}| | |||
<td style="width:{{{Width9|}}}; border-bottom: 1px #000 solid; border-left: 1px #000 solid; background-color:{{{Color9|}}}; background-image: linear-gradient(to bottom, #eee, {{{Color9|}}});{{{StyleT9|}}}">{{{Title9|}}}</td>|}}{{#if:{{{Title10|}}}| | |||
<td style="width:{{{Width10|}}}; border-bottom: 1px #000 solid; border-left: 1px #000 solid; background-color:{{{Color10|}}}; background-image: linear-gradient(to bottom, #eee, {{{Color10|}}});{{{StyleT10|}}}">{{{Title10|}}}</td>|}}{{#if:{{{Title11|}}}| | |||
<td style="width:{{{Width11|}}}; border-bottom: 1px #000 solid; border-left: 1px #000 solid; background-color:{{{Color11|}}}; background-image: linear-gradient(to bottom, #eee, {{{Color11|}}});{{{StyleT11|}}}">{{{Title11|}}}</td>|}}{{#if:{{{Title12|}}}| | |||
<td style="width:{{{Width12|}}}; border-bottom: 1px #000 solid; border-left: 1px #000 solid; background-color:{{{Color12|}}}; background-image: linear-gradient(to bottom, #eee, {{{Color12|}}});{{{StyleT12|}}}">{{{Title12|}}}</td>|}}{{#if:{{{Title13|}}}| | |||
<td style="width:{{{Width13|}}}; border-bottom: 1px #000 solid; border-left: 1px #000 solid; background-color:{{{Color13|}}}; background-image: linear-gradient(to bottom, #eee, {{{Color13|}}});{{{StyleT13|}}}">{{{Title13|}}}</td>|}}{{#if:{{{Title14|}}}| | |||
<td style="width:{{{Width14|}}}; border-bottom: 1px #000 solid; border-left: 1px #000 solid; background-color:{{{Color14|}}}; background-image: linear-gradient(to bottom, #eee, {{{Color14|}}});{{{StyleT14|}}}">{{{Title14|}}}</td>|}}{{#if:{{{Title15|}}}| | |||
<td style="width:{{{Width15|}}}; border-bottom: 1px #000 solid; border-left: 1px #000 solid; background-color:{{{Color15|}}}; background-image: linear-gradient(to bottom, #eee, {{{Color15|}}});{{{StyleT15|}}}">{{{Title15|}}}</td>|}} | |||
</tr> | </tr> | ||
<tr style="{{{StyleContent|}}}> | <tr style="{{{StyleContent|}}}> | ||
<td style="padding: 0.5em;{{{Style|}}}">{{{Content|}}}</td>{{#if:{{{Title1|}}}| | <td style="padding: 0.5em;{{{Style|}}}">{{{Content|}}}</td>{{#if:{{{Title1|}}}| | ||
<td style="padding: 0.5em;{{{Style1|}}}">{{{Content1|}}}</td>|}}{{#if:{{{Title2|}}}| | <td style="padding: 0.5em; border-left: 1px #000 solid;{{{Style1|}}}">{{{Content1|}}}</td>|}}{{#if:{{{Title2|}}}| | ||
<td style="padding: 0.5em;{{{Style2|}}}">{{{Content2|}}}</td>|}}{{#if:{{{Title3|}}}| | <td style="padding: 0.5em; border-left: 1px #000 solid;{{{Style2|}}}">{{{Content2|}}}</td>|}}{{#if:{{{Title3|}}}| | ||
<td style="padding: 0.5em;{{{Style3|}}}">{{{Content3|}}}</td>|}}{{#if:{{{Title4|}}}| | <td style="padding: 0.5em; border-left: 1px #000 solid;{{{Style3|}}}">{{{Content3|}}}</td>|}}{{#if:{{{Title4|}}}| | ||
<td style="padding: 0.5em;{{{Style4|}}}">{{{Content4|}}}</td>|}}{{#if:{{{Title5|}}}| | <td style="padding: 0.5em; border-left: 1px #000 solid;{{{Style4|}}}">{{{Content4|}}}</td>|}}{{#if:{{{Title5|}}}| | ||
<td style="padding: 0.5em;{{{Style5|}}}">{{{Content5|}}}</td>|}}{{#if:{{{Title6|}}}| | <td style="padding: 0.5em; border-left: 1px #000 solid;{{{Style5|}}}">{{{Content5|}}}</td>|}}{{#if:{{{Title6|}}}| | ||
<td style="padding: 0.5em;{{{Style6|}}}">{{{Content6|}}}</td>|}}{{#if:{{{Title7|}}}| | <td style="padding: 0.5em; border-left: 1px #000 solid;{{{Style6|}}}">{{{Content6|}}}</td>|}}{{#if:{{{Title7|}}}| | ||
<td style="padding: 0.5em;{{{Style7|}}}">{{{Content7|}}}</td>|}}{{#if:{{{Title8|}}}| | <td style="padding: 0.5em; border-left: 1px #000 solid;{{{Style7|}}}">{{{Content7|}}}</td>|}}{{#if:{{{Title8|}}}| | ||
<td style="padding: 0.5em;{{{Style8|}}}">{{{Content8|}}}</td>|}}{{#if:{{{Title9|}}}| | <td style="padding: 0.5em; border-left: 1px #000 solid;{{{Style8|}}}">{{{Content8|}}}</td>|}}{{#if:{{{Title9|}}}| | ||
<td style="padding: 0.5em;{{{Style9|}}}">{{{Content9|}}}</td>|}}{{#if:{{{Title10|}}}| | <td style="padding: 0.5em; border-left: 1px #000 solid;{{{Style9|}}}">{{{Content9|}}}</td>|}}{{#if:{{{Title10|}}}| | ||
<td style="padding: 0.5em;{{{Style10|}}}">{{{Content10|}}}</td>|}}{{#if:{{{Title11|}}}| | <td style="padding: 0.5em; border-left: 1px #000 solid;{{{Style10|}}}">{{{Content10|}}}</td>|}}{{#if:{{{Title11|}}}| | ||
<td style="padding: 0.5em;{{{Style11|}}}">{{{Content11|}}}</td>|}}{{#if:{{{Title12|}}}| | <td style="padding: 0.5em; border-left: 1px #000 solid;{{{Style11|}}}">{{{Content11|}}}</td>|}}{{#if:{{{Title12|}}}| | ||
<td style="padding: 0.5em;{{{Style12|}}}">{{{Content12|}}}</td>|}}{{#if:{{{Title13|}}}| | <td style="padding: 0.5em; border-left: 1px #000 solid;{{{Style12|}}}">{{{Content12|}}}</td>|}}{{#if:{{{Title13|}}}| | ||
<td style="padding: 0.5em;{{{Style13|}}}">{{{Content13|}}}</td>|}}{{#if:{{{Title14|}}}| | <td style="padding: 0.5em; border-left: 1px #000 solid;{{{Style13|}}}">{{{Content13|}}}</td>|}}{{#if:{{{Title14|}}}| | ||
<td style="padding: 0.5em;{{{Style14|}}}">{{{Content14|}}}</td>|}}{{#if:{{{Title15|}}}| | <td style="padding: 0.5em; border-left: 1px #000 solid;{{{Style14|}}}">{{{Content14|}}}</td>|}}{{#if:{{{Title15|}}}| | ||
<td style="padding: 0.5em;{{{Style15|}}}">{{{Content15|}}}</td>|}} | <td style="padding: 0.5em; border-left: 1px #000 solid;{{{Style15|}}}">{{{Content15|}}}</td>|}} | ||
</tr> | </tr> | ||
</table></includeonly> | </table></includeonly> | ||
| Line 43: | Line 53: | ||
==== StyleSec ==== | ==== StyleSec ==== | ||
*此参数用于为整个Section框架增加样式，样式写法兼容CSS语句。并且，此样式会覆盖之前已有的同名样式。 | *此参数用于为整个Section框架增加样式，样式写法兼容CSS语句。并且，此样式会覆盖之前已有的同名样式。 | ||
==== StyleTitle ==== | ==== StyleTitle ==== | ||
*此参数用于为整个Section表头增加样式，样式写法兼容CSS语句。并且，此样式会覆盖之前已有的同名样式。 | *此参数用于为整个Section表头增加样式，样式写法兼容CSS语句。并且，此样式会覆盖之前已有的同名样式。 | ||
==== StyleContent ==== | |||
==== | *此参数用于为整个Section内容区增加样式，样式写法兼容CSS语句。并且，此样式会覆盖之前已有的同名样式。 | ||
* | |||
=== 个体参数 === | === 个体参数 === | ||
=== | * | ||
=== 其他注意事项 === | |||
Revision as of 02:56, 23 July 2014
Section模板
Section模板是由boxsnake编写的UI模板，旨在美化界面。
模板参数
- 什么是模板参数？
模板参数可以看做是传入模板的变量，由模板接受后填入对应的代码位置，一般为参数名=参数值'或者或者参数值。如果用前者方式传入模板，模板通过变量名调用变量的值（比如a=2，那么模板调用a就会显示2），后者传入模板的话，模板根据传入值的序列用序列号调用（第一个序号为1，第二个为2，依次类推）。
- 我如何传入模板参数？
{{模板名 | 参数1 | 参数名2=参数值2 }}
模板参数使用“|”分割。
整体参数
StyleSec
- 此参数用于为整个Section框架增加样式，样式写法兼容CSS语句。并且，此样式会覆盖之前已有的同名样式。
StyleTitle
- 此参数用于为整个Section表头增加样式，样式写法兼容CSS语句。并且，此样式会覆盖之前已有的同名样式。
StyleContent
- 此参数用于为整个Section内容区增加样式，样式写法兼容CSS语句。并且，此样式会覆盖之前已有的同名样式。
