|
|
第1行: |
第1行: |
| <templatestyles src=":透明样式/styles.css" /> | | <includeonly><templatestyles src=":透明样式/styles.css" />{{#invoke:周年庆感言|testimonials}}</includeonly> |
|
| |
|
| <div class="tabs-container"> | | <noinclude>{{documentation}} |
| <ul class="tabs-pages" style="width:90%;margin:0px auto; display: table;" >
| | [[分类:功能模板]] |
| {{#if:{{{tab1|}}}|<div style="display: table-row;"></div><li class="tab active" style="width:18%; padding:1px; display:table-cell;"><strong>{{{tab1|}}}</strong></li>| }}
| |
| {{#if:{{{tab2|}}}|<li class="tab" style="width:18%; padding:1px; display:table-cell;"><strong>{{{tab2}}}</strong></li>| }}
| |
| {{#if:{{{tab3|}}}|<li class="tab" style="width:18%; padding:1px; display:table-cell;"><strong>{{{tab3}}}</strong></li>| }}
| |
| {{#if:{{{tab4|}}}|<li class="tab" style="width:18%; padding:1px; display:table-cell;"><strong>{{{tab4}}}</strong></li>| }}
| |
| {{#if:{{{tab5|}}}|<li class="tab" style="width:18%; padding:1px; display:table-cell;"><strong>{{{tab5}}}</strong></li>| }}
| |
| | |
| {{#if:{{{tab6|}}}|<div style="display: table-row;"></div><li class="tab" style="width:18%; padding:1px; display:table-cell;" ><strong>{{{tab6}}}</strong></li>| }}
| |
| {{#if:{{{tab7|}}}|<li class="tab" style="width:18%; padding:1px; display:table-cell;" ><strong>{{{tab7}}}</strong></li>| }}
| |
| {{#if:{{{tab8|}}}|<li class="tab" style="width:18%; padding:1px; display:table-cell;" ><strong>{{{tab8}}}</strong></li>| }}
| |
| {{#if:{{{tab9|}}}|<li class="tab" style="width:18%; padding:1px; display:table-cell;" ><strong>{{{tab9}}}</strong></li>| }}
| |
| {{#if:{{{tab10|}}}|<li class="tab" style="width:18%; padding:1px; display:table-cell;" ><strong>{{{tab10}}}</strong></li>| }}
| |
| | |
| {{#if:{{{tab11|}}}|<div style="display: table-row;"></div><li class="tab" style="width:18%; padding:1px; display:table-cell;" ><strong>{{{tab11}}}</strong></li>| }}
| |
| {{#if:{{{tab12|}}}|<li class="tab" style="width:18%; padding:1px; display:table-cell;" ><strong>{{{tab12}}}</strong></li>| }}
| |
| {{#if:{{{tab13|}}}|<li class="tab" style="width:18%; padding:1px; display:table-cell;" ><strong>{{{tab13}}}</strong></li>| }}
| |
| {{#if:{{{tab14|}}}|<li class="tab" style="width:18%; padding:1px; display:table-cell;" ><strong>{{{tab14}}}</strong></li>| }}
| |
| {{#if:{{{tab15|}}}|<li class="tab" style="width:18%; padding:1px; display:table-cell;" ><strong>{{{tab15}}}</strong></li>| }}
| |
| | |
| {{#if:{{{tab16|}}}|<div style="display: table-row;"></div><li class="tab" style="width:18%; padding:1px; display:table-cell;" ><strong>{{{tab16}}}</strong></li>| }}
| |
| {{#if:{{{tab17|}}}|<li class="tab" style="width:18%; padding:1px; display:table-cell;" ><strong>{{{tab17}}}</strong></li>| }}
| |
| {{#if:{{{tab18|}}}|<li class="tab" style="width:18%; padding:1px; display:table-cell;" ><strong>{{{tab18}}}</strong></li>| }}
| |
| {{#if:{{{tab19|}}}|<li class="tab" style="width:18%; padding:1px; display:table-cell;" ><strong>{{{tab19}}}</strong></li>| }}
| |
| {{#if:{{{tab20|}}}|<li class="tab" style="width:18%; padding:1px; display:table-cell;" ><strong>{{{tab20}}}</strong></li>| }}
| |
| | |
| {{#if:{{{tab21|}}}|<div style="display: table-row;"></div><li class="tab" style="width:18%; padding:1px; display:table-cell;" ><strong>{{{tab21}}}</strong></li>| }}
| |
| {{#if:{{{tab22|}}}|<li class="tab" style="width:18%; padding:1px; display:table-cell;" ><strong>{{{tab22}}}</strong></li>| }}
| |
| {{#if:{{{tab23|}}}|<li class="tab" style="width:18%; padding:1px; display:table-cell;" ><strong>{{{tab23}}}</strong></li>| }}
| |
| {{#if:{{{tab24|}}}|<li class="tab" style="width:18%; padding:1px; display:table-cell;" ><strong>{{{tab24}}}</strong></li>| }}
| |
| {{#if:{{{tab25|}}}|<li class="tab" style="width:18%; padding:1px; display:table-cell;" ><strong>{{{tab25}}}</strong></li>| }}
| |
| | |
| {{#if:{{{tab26|}}}|<div style="display: table-row;"></div><li class="tab" style="width:18%; padding:1px; display:table-cell;" ><strong>{{{tab26}}}</strong></li>| }}
| |
| {{#if:{{{tab27|}}}|<li class="tab" style="width:18%; padding:1px; display:table-cell;" ><strong>{{{tab27}}}</strong></li>| }}
| |
| {{#if:{{{tab28|}}}|<li class="tab" style="width:18%; padding:1px; display:table-cell;" ><strong>{{{tab28}}}</strong></li>| }}
| |
| {{#if:{{{tab29|}}}|<li class="tab" style="width:18%; padding:1px; display:table-cell;" ><strong>{{{tab29}}}</strong></li>| }}
| |
| {{#if:{{{tab30|}}}|<li class="tab" style="width:18%; padding:1px; display:table-cell;" ><strong>{{{tab30}}}</strong></li>| }}
| |
| | |
| {{#if:{{{tab31|}}}|<div style="display: table-row;"></div><li class="tab" style="width:18%; padding:1px; display:table-cell;" ><strong>{{{tab31}}}</strong></li>| }}
| |
| {{#if:{{{tab32|}}}|<li class="tab" style="width:18%; padding:1px; display:table-cell;" ><strong>{{{tab32}}}</strong></li>| }}
| |
| {{#if:{{{tab33|}}}|<li class="tab" style="width:18%; padding:1px; display:table-cell;" ><strong>{{{tab33}}}</strong></li>| }}
| |
| {{#if:{{{tab34|}}}|<li class="tab" style="width:18%; padding:1px; display:table-cell;" ><strong>{{{tab34}}}</strong></li>| }}
| |
| {{#if:{{{tab35|}}}|<li class="tab" style="width:18%; padding:1px; display:table-cell;" ><strong>{{{tab35}}}</strong></li>| }}
| |
| | |
| {{#if:{{{tab36|}}}|<div style="display: table-row;"></div><li class="tab" style="width:18%; padding:1px; display:table-cell;" ><strong>{{{tab36}}}</strong></li>| }}
| |
| {{#if:{{{tab37|}}}|<li class="tab" style="width:18%; padding:1px; display:table-cell;" ><strong>{{{tab37}}}</strong></li>| }}
| |
| {{#if:{{{tab38|}}}|<li class="tab" style="width:18%; padding:1px; display:table-cell;" ><strong>{{{tab38}}}</strong></li>| }}
| |
| {{#if:{{{tab39|}}}|<li class="tab" style="width:18%; padding:1px; display:table-cell;" ><strong>{{{tab39}}}</strong></li>| }}
| |
| {{#if:{{{tab40|}}}|<li class="tab" style="width:18%; padding:1px; display:table-cell;" ><strong>{{{tab40}}}</strong></li>| }}
| |
| </ul>
| |
| <div class="tabs-contents">
| |
| {{#if:{{{content1|}}}|<div class="tab-c active">
| |
| {{{content1}}}</div>| }}<!--
| |
| -->{{#if:{{{content2|}}}|<div class="tab-c">
| |
| {{{content2}}}</div>| }}<!--
| |
| -->{{#if:{{{content3|}}}|<div class="tab-c">
| |
| {{{content3}}}</div>| }}<!--
| |
| -->{{#if:{{{content4|}}}|<div class="tab-c">
| |
| {{{content4}}}</div>| }}<!--
| |
| -->{{#if:{{{content5|}}}|<div class="tab-c">
| |
| {{{content5}}}</div>| }}<!--
| |
| -->{{#if:{{{content6|}}}|<div class="tab-c">
| |
| {{{content6}}}</div>| }}<!--
| |
| -->{{#if:{{{content7|}}}|<div class="tab-c">
| |
| {{{content7}}}</div>| }}<!--
| |
| -->{{#if:{{{content8|}}}|<div class="tab-c">
| |
| {{{content8}}}</div>| }}<!--
| |
| -->{{#if:{{{content9|}}}|<div class="tab-c">
| |
| {{{content9}}}</div>| }}<!--
| |
| -->{{#if:{{{content10|}}}|<div class="tab-c">
| |
| {{{content10}}}</div>| }}<!--
| |
| -->{{#if:{{{content11|}}}|<div class="tab-c">
| |
| {{{content11}}}</div>| }}<!--
| |
| -->{{#if:{{{content12|}}}|<div class="tab-c">
| |
| {{{content12}}}</div>| }}<!--
| |
| -->{{#if:{{{content13|}}}|<div class="tab-c">
| |
| {{{content13}}}</div>| }}<!--
| |
| -->{{#if:{{{content14|}}}|<div class="tab-c">
| |
| {{{content14}}}</div>| }}<!--
| |
| -->{{#if:{{{content15|}}}|<div class="tab-c">
| |
| {{{content15}}}</div>| }}<!--
| |
| -->{{#if:{{{content16|}}}|<div class="tab-c">
| |
| {{{content16}}}</div>| }}<!--
| |
| -->{{#if:{{{content17|}}}|<div class="tab-c">
| |
| {{{content17}}}</div>| }}<!--
| |
| -->{{#if:{{{content18|}}}|<div class="tab-c">
| |
| {{{content18}}}</div>| }}<!--
| |
| -->{{#if:{{{content19|}}}|<div class="tab-c">
| |
| {{{content19}}}</div>| }}<!--
| |
| -->{{#if:{{{content20|}}}|<div class="tab-c">
| |
| {{{content20}}}</div>| }}<!--
| |
| -->{{#if:{{{content21|}}}|<div class="tab-c">
| |
| {{{content21}}}</div>| }}<!--
| |
| -->{{#if:{{{content22|}}}|<div class="tab-c">
| |
| {{{content22}}}</div>| }}<!--
| |
| -->{{#if:{{{content23|}}}|<div class="tab-c">
| |
| {{{content23}}}</div>| }}<!--
| |
| -->{{#if:{{{content24|}}}|<div class="tab-c">
| |
| {{{content24}}}</div>| }}<!--
| |
| -->{{#if:{{{content25|}}}|<div class="tab-c">
| |
| {{{content25}}}</div>| }}<!--
| |
| -->{{#if:{{{content26|}}}|<div class="tab-c">
| |
| {{{content26}}}</div>| }}<!--
| |
| -->{{#if:{{{content27|}}}|<div class="tab-c">
| |
| {{{content27}}}</div>| }}<!--
| |
| -->{{#if:{{{content28|}}}|<div class="tab-c">
| |
| {{{content28}}}</div>| }}<!--
| |
| -->{{#if:{{{content29|}}}|<div class="tab-c">
| |
| {{{content29}}}</div>| }}<!--
| |
| -->{{#if:{{{content30|}}}|<div class="tab-c">
| |
| {{{content30}}}</div>| }}<!--
| |
| -->{{#if:{{{content31|}}}|<div class="tab-c">
| |
| {{{content31}}}</div>| }}<!--
| |
| -->{{#if:{{{content32|}}}|<div class="tab-c">
| |
| {{{content32}}}</div>| }}<!--
| |
| -->{{#if:{{{content33|}}}|<div class="tab-c">
| |
| {{{content33}}}</div>| }}<!--
| |
| -->{{#if:{{{content34|}}}|<div class="tab-c">
| |
| {{{content34}}}</div>| }}<!--
| |
| -->{{#if:{{{content35|}}}|<div class="tab-c">
| |
| {{{content35}}}</div>| }}<!--
| |
| -->{{#if:{{{content36|}}}|<div class="tab-c">
| |
| {{{content36}}}</div>| }}<!--
| |
| -->{{#if:{{{content37|}}}|<div class="tab-c">
| |
| {{{content37}}}</div>| }}<!--
| |
| -->{{#if:{{{content38|}}}|<div class="tab-c">
| |
| {{{content38}}}</div>| }}<!--
| |
| -->{{#if:{{{content39|}}}|<div class="tab-c">
| |
| {{{content39}}}</div>| }}<!--
| |
| -->{{#if:{{{content40|}}}|<div class="tab-c">
| |
| {{{content40}}}</div>| }}<!--
| |
| -->
| |
| </div>
| |
| </div><noinclude>
| |
| | |
| [[分类:功能模板]] | |
| </noinclude> | | </noinclude> |
使用方式
将以下源代码插入页面:
{{Tabs/收纳表
|tab1=标题2名称
|tab2=标题2名称
...
|content1=标题1对应的内容
|content2=标题2对应的内容
...
}}
- 模板使用<templatestyles src=":透明样式/styles.css" />
已知BUG
参数
以下是可填入的参数以及其说明。参数输入的顺序皆不会影响模版的运行,可以随意地写。
模版参数
参数名 |
旧名/别名 |
解释
|
initialTab |
无 |
键入content的数字会直接预览该content
|
(style) |
无 |
整体框架的 css style。也可以加入 class
|
stab(style) |
select(style) |
选择栏的 css style。也可以加入 class
|
ctab(style) |
text(style) |
内容框的 css style。也可以加入 class
|
sitm(style) |
无 |
选择栏内个别物件的 css style。也可以加入 class
|
citm(style) |
无 |
内容框内个别物件的 css style。也可以加入 class
|
splitCount |
无 |
预设5。选择栏每行共有几个物件
|
textDisplay |
无
|
预设down。内容相对于选择栏的位置,可输入
- top(内容在选择栏上)
- down(内容在选择栏下)
- left(内容在选择栏左,此时会预设将selectWidth设成20%、textWidth设成60%、textHeight, selectHeight皆设成400px)
- right(内容在选择栏右,同上)
|
tab(x) |
无 |
选项x的内容。x不必连续,但编号小的会先被显示。
|
content(x) |
无 |
内容框x的内容,对应选项x。
|
范例
范例 - 基础、顺序不影响
{{Tabs/收纳表
|tab1 = 选择1
|tab2 = 选择2
|tab10086 = 选择5
|tab3 = 选择3
|tab1337 = 选择4
|content10086 = 内容5
|content1 = 内容1
|content2 = 内容2
|content1337 = 内容4
|content3 = 内容3
}}
脚本错误:没有“周年庆感言”这个模块。
范例 - 侧边收纳表
{{Tabs/收纳表
|textDisplay = right
|splitCount=1
|tab1=[[file:头像-織雪.png|30px|link=]][[織雪]]
|tab2=[[file:文学领主-月下的孤狼-头像.png|36px|link=]][[月下的孤狼|诺诺]]
|tab3=[[file:头像-黑光.png|30px|link=]][https://sstm.moe/profile/360467-1 黑光]
|tab4=[[file:头像-lemon19.png|30px|link=]][https://sstm.moe/profile/285830-1 lemon19]
|tab5=[[file:头像-XdbX.png|30px|link=]][https://sstm.moe/profile/219814-1 xdbx]
|tab6=[[file:头像-amiami猫羽雫.png|30px|link=]][https://sstm.moe/profile/343682-1 amiami猫羽雫]
|tab7=[[file:头像-fdcrane.png|32px|link=]][https://sstm.moe/profile/1645-1 fdcrane]
...
|content1=
久疏问候。
转眼已经过去了两年,论坛也已经准备十周年了。<br>
各位在论坛上是否有什么特别的收获呢?<br>
新朋友?打发时间的好地方?一些小目标?如果能仔细说说就最好了。<br>
建议各位会员小可爱们尝试一下成为管理层哦~ 也许你们可以收获一些特别之物。<br>
...
}}
脚本错误:没有“周年庆感言”这个模块。
范例 - CSS Styles
{{Tabs/收纳表
|background-color = darkgray
|border-radius = 3vmin
|width = min(800px, 95%)
|margin = 2%
|stabbackground-color = skyblue
|stabtext-align = center
|sitmcolor = darkorchid
|sitmfont-weight = 500
|sitmfont-size = clamp(16px, 3vmax, 24px)
|ctabbackground-color = #ffede0
|citmfont-size = clamp(16px, 3vmax, 24px)
|tab1 = 选择1
|tab2 = 选择2
|tab3 = 选择3
|tab4 = 选择4
|tab5 = 选择5
|content1 = 内容1
|content2 = 内容2
|content3 = 内容3
|content4 = 内容4
|content5 = 内容5
}}
脚本错误:没有“周年庆感言”这个模块。
现有CSS Styles