置顶公告:【置顶】关于临时开启评论区所有功能的公告(2022.10.22) | 【置顶】关于本站Widget恢复使用的公告
  • 你好~!欢迎来到萌娘百科镜像站!如需查看或编辑,请联系本站管理员注册账号。
  • 本镜像站和其他萌娘百科的镜像站无关,请注意分别。
本页使用了标题或全文手工转换

模板: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中国2008年动画
Moegirl is watching you.jpg中国2009年动画
Moegirl is watching you.jpg中国2010年动画
Moegirl is watching you.jpg中国2011年动画
Moegirl is watching you.jpg中国电影金鸡奖最佳美术片