模板:Tabs/收纳表:修订间差异

来自SS唯基
跳到导航 跳到搜索
(补充)
无编辑摘要
 
(未显示2个用户的6个中间版本)
第1行: 第1行:
<templatestyles src=":透明样式/styles.css" />
<includeonly><templatestyles src=":透明样式/styles.css" />{{#invoke:收纳表|selectTable}}</includeonly><noinclude>{{documentation}}</noinclude>
 
<div class="tabs-container">
    <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>

2022年10月2日 (日) 12:59的最新版本

Documentation icon 模板文档[-查看-] [编辑] [历史] [刷新]

使用方式

将以下源代码插入页面:

{{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
}}
选择1
选择2
选择3
选择4
选择5
内容1
内容2
内容3
内容4
内容5


范例 - 侧边收纳表

{{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>
...
}}
Lorem
ipsum
dolor
sit
amet
consectetur
adipiscing
elit
久疏问候。

转眼已经过去了两年,论坛也已经准备十周年了。
各位在论坛上是否有什么特别的收获呢?
新朋友?打发时间的好地方?一些小目标?如果能仔细说说就最好了。
建议各位会员小可爱们尝试一下成为管理层哦~ 也许你们可以收获一些特别之物。
回忆过去,真的非常充实,仿佛另一份初恋。

愿s.s成为所有人描绘的梦想。
愿时间与现实永远是各位的同伴。
愿各位在此获得特别的经验与回忆。

愿之后的每年爱与梦想与回忆和同盟同在。
诺诺祝SSTM十周年生日快乐,希望大家每天开开心心,平平安安,健健康康,刑刑色色~
祝愿疫情早日结束的同时,SSTM能在疫情里给大家一个可以放松心情,打发无聊的环境
大家好呦~这里是黑光~一个在同盟注册时间尚不满一个月的真正萌新,可不是某些自称萌新结果一个比一个大佬的那种哦~

我是由于偶然契机发现的同盟,出村前我都不知道同盟居然是以我玩的不是很多的同人游戏为核心的交流论坛~这倒是和公园的某Norm情况差不多~

好在其它版块我还算涉猎颇深,在与坛友们的交流过程中我也发现同盟和其他论坛真的很不一样,打比方的话同盟就像是我从血海中一路冲杀而出后遇到的世外桃源。

然后呢由于种种原因我主动想为恋语幽境这个我很喜欢的论坛里的Galgame专属版块做些事情~于是跑去找了Norm和园长两位前辈进行相关咨询~在收到很多建议之后,我最终作出了决定~于是乎,”普通会员——黑光“在下个月即将成为“公园向导——黑光”啦~

我希望能让Galgame的魅力被更多人了解,尽管因为时间成本以及表现形式的原因,这条路可能会很困难辛苦,但这是我最本质的真实想法。我不会去立下像是Flag一样的种种承诺,我只做自己想做的事~而这次,我想做的事就在这里!

这里是SSTM,我很喜欢这里,我希望它也能得到你的喜欢~感谢在这里遇到的每一个人~
这都已经10周年了(感叹)

不过咱也只是一个刚当半年不到的新手村助手罢了(
嘛,希望大家能在sstm玩的开心

找到自己想做的事.jpg
「恭喜同盟十周年快樂!雖然過去一年因為現實生活忙碌跟停止上傳裡漫的原因比較少上同盟了,但依舊還是喜歡同盟這裡透過版主群不懈努力維持起來的良好氛圍,沒怎麼看過大型爭吵、挑釁、甚或是亂版、洗版的狀況發生。 期待生活不那麼忙碌之後還能再上來繼續宣揚我西瓜肚神教的美好教義!願女孩聖腹高巍,神乳低垂,賜教徒撫慰,予萬眾慈悲。」
论坛喜迎十周年之际,欣喜之词想不尽择不定,终因学时浅薄,难以用言语感慨。

十年风雨,十年瑞雪,稳如泰山,屹立不倒。氛围常在,惊喜常在,快乐常在,感动常在。

今择良辰吉日,致以贺词,恭祝论坛如虎添翼,蒸蒸日上,稳中向好
好,好,好。

确实,也来了这个论坛快10年了。说实话,我是完全没想到这个小众论坛能够成功存活到10周年庆典就是了。不过,这里的氛围确实是我曾经待过所有论坛中最好的之一,好到足以让已经埋到土里的我偶尔看一看的地步。总之,希望广大会员多多支持论坛发展,我会在棺材中好好观察论坛动向旳。另外,笨C说他也要祝大家十周年快乐……所以,各位加油吧,希望还能有第二个十年w

——最近正试图从鸦片战争中拯救大清的H君
Nunc nec porttitor leo.
Nullam sit amet dui nulla.
Integer pulvinar diam quis lorem mattis convallis.
Suspendisse consequat interdum mi, id eleifend urna elementum nec.
Suspendisse vitae turpis quis velit vulputate consectetur eget et mauris.
Ut a mauris faucibus, aliquet ipsum in, maximus ligula.
Donec orci ipsum, aliquam quis venenatis nec, tristique vitae diam.
Maecenas ac mattis libero, ut suscipit nulla.


范例 - 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
}}
选择1
选择2
选择3
选择4
选择5
内容1
内容2
内容3
内容4
内容5

现有CSS Styles