2023年政策修订增补工作正在进行中,欢迎参与!
  • Moegirl.ICU:萌娘百科流亡社群 581077156(QQ),欢迎对萌娘百科运营感到失望的编辑者加入
  • Moegirl.ICU:账号认领正在试运行,有意者请参照账号认领流程
本页使用了标题或全文手工转换

模板:Tabs

萌娘百科,万物皆可萌的百科全书!转载请标注来源页面的网页链接,并声明引自萌娘百科。内容不可商用。
跳转到导航 跳转到搜索
Template-info.svg 模板文档  [查看] [编辑] [历史] [刷新]

此模板创意来自于加泰罗尼亚文维基百科([1]),由于原模板对js依赖甚重,且在移动端及noscript退化表现欠佳,已依照渐进表现的思路被重写。

本模板默认使用黑色主题,如果不想要主题可以使用Template:tabs/core

模板效果为分页显示,并使用了Extension:Loops。

在移动版支持分页显示,iOS App支持,安卓App仅支持退化显示。项目过多,标签会溢出。

部分信息模板有增设加入Tabs的位置,查询有增设的信息模板见:Special:链入页面,关于其具体调度方法,请查看对应的说明文档。

另请注意,该模板在预览状态下的显示可能会出错(包括通过wikiplus的预览按钮与编辑页面的“预览”标签进行的预览),如果要预览该模板的实际显示效果,请通过编辑页面的“显示预览”(“保存更改”左侧)按钮来进行预览(此时若在“参数设置→编辑”中勾选了“显示预览而不重新加载页面”同样会发生错误)。

本模板里面直接使用维基表格会出现错误,出错原因是维基表格中的竖线|被错误识别,请使用{{!}}代替|,或者使用{{Wikitable}}制作表格。

用法

参数

x=数字1-∞

  • 一般
    1. color= ,模板的色彩,只有七种颜色和一个默认主题:
      • green(绿色)
      • red(红色)
      • blue(蓝色)
      • yellow(黄色)
      • purple(紫色)
      • orange(橙色)
      • black(黑色,预设)
    2. DefaultTab:指定页面加载时显示第几个tab,默认值为1
    3. LabelPadding:指定label的内边距,默认值为2px
    4. LabelBorderColor:指定选中的label的侧边框颜色,默认值为#aaa
    5. LabelBackgroundColor:指定选中的label的背景色,默认值为页面正文背景色;
    6. LabelColor:指定选中的label的顶边框颜色,默认值为green
    7. TextBorderColor:指定显示的text的边框颜色,默认值为#aaa
    8. TextBackgroundColor:指定显示的text的背景色,默认值为white;如果设置透明背景时用16进制颜色代码未能生效,可以采用rgba(R,G,B,alpha)
    9. TextPadding:指定显示的text的内边距,默认值为1em 1em
    10. AutoWidth:使tabs不再占满整行,如要启用必须传入【yes】值,默认值为no
    11. float:使tabs不再占满整行的同时作左浮动或右浮动,如要启用必须传入【left】(左浮动)或【right】(右浮动)值,默认值为no
    12. style:外框样式。
  • 显示内容
    • btx= ,填写显示的分页名称。(务必填写)目前情况下(借助了对common.js页面的一次修正)如果bt项后不填写则会自动略过该分页,这一点可以用来进行一些特殊的页面实现,使用例参见Template:舰队Collection:画师信息
    • bticonx= ,分页名称左边的标志,可填写文字或者图片,预设为没有标志。图片大小建议16px。若不使用,请不要使用这个参数。
    • tabx= ,分页的内容。
    • LabelSide:指定标签位置与标签顶边框位置(侧边框位置为顶边框两侧),可选值为top(默认值)、bottomleftright
    • LabelColorSideReverse:指定是否逆向设置标签顶边框位置(例如当标签位置在左侧left时标签顶边框在右侧,此时原位置也会被视为侧边框),值为1onyestrue时启用;
    • DividerSize:指定label与text的间隔,只接受正数,单位为,默认值为0LabelColorSideReverse不为真值)、2LabelColorSideReverse为真值)。

范例

一般使用

{{tabs
|color=green
|bt1=cosMo作品
|tab1={{暴走P}}
|bt2=ryo作品
|tab2={{ryo}}
|DefaultTab=1
}}
cosMo作品
ryo作品

多个项目

{{tabs
|color=green
|bt1=中国2005年动画
|bticon1=[[File:Moegirl_is_watching_you.jpg|16px]]
|tab1={{中国2005年动画}}
|bt2=中国2006年动画
|bticon2=[[File:Moegirl_is_watching_you.jpg|16px]]
|tab2={{中国2006年动画}}
|bt3=中国2007年动画
|bticon3=[[File:Moegirl_is_watching_you.jpg|16px]]
|tab3={{中国2007年动画}}
|bt4=中国2008年动画
|bticon4=[[File:Moegirl_is_watching_you.jpg|16px]]
|tab4={{中国2008年动画}}
|bt5=中国2009年动画
|bticon5=[[File:Moegirl_is_watching_you.jpg|16px]]
|tab5={{中国2009年动画}}
|bt6=中国2010年动画
|bticon6=[[File:Moegirl_is_watching_you.jpg|16px]]
|tab6={{中国2010年动画}}
|bt7=中国2011年动画
|bticon7=[[File:Moegirl_is_watching_you.jpg|16px]]
|tab7={{中国2011年动画}}
|bt8=中国电影金鸡奖最佳美术片
|bticon8=[[File:Moegirl_is_watching_you.jpg|16px]]
|tab8={{中国电影金鸡奖最佳美术片}}
|DefaultTab=4
}}
Moegirl is watching you.jpg中国2005年动画
Moegirl is watching you.jpg中国2006年动画
Moegirl is watching you.jpg中国2007年动画
Moegirl is watching you.jpg中国2008年动画
Moegirl is watching you.jpg中国2009年动画
Moegirl is watching you.jpg中国2010年动画
Moegirl is watching you.jpg中国2011年动画
Moegirl is watching you.jpg中国电影金鸡奖最佳美术片