打开/关闭菜单
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

Template:Tabs:修订间差异

模板页面
弃权者留言 | 贡献
无编辑摘要
弃权者留言 | 贡献
已还原弃权者讨论)的编辑至最后由秋绘君修订的版本
标签回退
 
第1行: 第1行:
<includeonly>{{#invoke:TemplateStyles|call|Template:tabber/styles.css}}{{#vardefine:i|1}}{{#vardefine:tabs|}}{{#while:|{{#if:{{{bt{{#var:i}}|}}}|true}}|{{#vardefine:tabs|{{#var:tabs}}{{#if:{{#var:tabs}}|{{!}}-{{!}}}}{{{bt{{#var:i}}}}}={{{tab{{#var:i}}|}}}}}{{#vardefine:i|{{#expr:{{#var:i}}+1}}}}}}{{#tag:tabber|{{#var:tabs}}|class=tabber-custom{{#if:{{{Theme|}}}| tabber--theme-{{{Theme|}}}}}{{#ifeq:{{{Float|}}}|left| tabber--float-left|{{#ifeq:{{{Float|}}}|right| tabber--float-right|{{#ifeq:{{{AutoWidth|}}}|yes| tabber--auto-width}}}}}}{{#if:{{{LabelSide|}}}|{{#switch:{{{LabelSide|}}}|bottom= tabber--side-bottom|left= tabber--side-left|right= tabber--side-right}}}}{{#if:{{{LabelColorSideReverse|}}}|{{#switch:{{{LabelColorSideReverse|}}}|1|on|yes|true= tabber--label-color-side-reverse|#default=}}}}|data-tabber-default-tab={{{DefaultTab|1}}}|style={{#if:{{{LabelPadding|}}}|--tpl-label-padding:{{{LabelPadding}}};}}{{#if:{{{LabelBorderColor|}}}|--tpl-label-border-color:{{{LabelBorderColor}}};}}{{#if:{{{LabelBackgroundColor|}}}|--tpl-label-bg:{{{LabelBackgroundColor}}};}}{{#if:{{{LabelColor|}}}|--tpl-label-color:{{{LabelColor}}};}}{{#if:{{{TextBorderColor|}}}|--tpl-text-border-color:{{{TextBorderColor}}};}}{{#if:{{{TextBackgroundColor|}}}|--tpl-text-bg:{{{TextBackgroundColor}}};}}{{#if:{{{TextPadding|}}}|--tpl-text-padding:{{{TextPadding}}};}}{{#if:{{{DividerSize|}}}|--tpl-divider-size:{{{DividerSize}}}px;}}{{#if:{{{style|}}}|{{{style|}}}}}}}</includeonly>
<includeonly><div class="Tabs {{{color|black}}}" data-label-side="{{#switch:{{{LabelSide|}}}|left|right|bottom|top={{{LabelSide|}}}|top}}" data-label-color-side-reverse="{{{LabelColorSideReverse|}}}" data-divider-size="{{{DividerSize|}}}" {{#if:{{{style|}}}|style="{{{style|}}}"}} {{#if:{{{DefaultTab|}}}|data-default-tab="{{{DefaultTab|}}}"|}} {{#if:{{{LabelPadding|}}}|data-label-padding="{{{LabelPadding|}}}"|}} {{#if:{{{LabelBorderColor|}}}|data-label-border-color="{{{LabelBorderColor|}}}"|}} {{#if:{{{LabelColor|}}}|data-label-color="{{{LabelColor|}}}"|}} {{#if:{{{TextBorderColor|}}}|data-text-border-color="{{{TextBorderColor|}}}"|}} {{#if:{{{TextPadding|}}}|data-text-padding="{{{TextPadding|}}}"|}} {{#ifeq:{{{AutoWidth|}}}|yes|data-auto-width="yes"}} {{#if:{{{LabelBackgroundColor|}}}|data-label-background-color="{{{LabelBackgroundColor|}}}"|}} {{#if:{{{TextBackgroundColor|}}}|data-text-background-color="{{{TextBackgroundColor|}}}"|}} {{#switch:{{#if:{{{Float|}}}|{{{Float|}}}|{{{float|}}}}}|left|right=data-float="{{#if:{{{Float|}}}|{{{Float|}}}|{{{float|}}}}}"}}>{{#if:{{{tab1|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon1|}}}{{{bt1|}}}</div><div class="TabContentText">
{{{tab1|}}}</div></div>
}}{{#if:{{{tab2|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon2|}}}{{{bt2|}}}</div><div class="TabContentText">
{{{tab2|}}}</div></div>
}}{{#if:{{{tab3|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon3|}}}{{{bt3|}}}</div><div class="TabContentText">
{{{tab3|}}}</div></div>
}}{{#if:{{{tab4|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon4|}}}{{{bt4|}}}</div><div class="TabContentText">
{{{tab4|}}}</div></div>
}}{{#if:{{{tab5|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon5|}}}{{{bt5|}}}</div><div class="TabContentText">
{{{tab5|}}}</div></div>
}}{{#if:{{{tab6|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon6|}}}{{{bt6|}}}</div><div class="TabContentText">
{{{tab6|}}}</div></div>
}}{{#if:{{{tab7|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon7|}}}{{{bt7|}}}</div><div class="TabContentText">
{{{tab7|}}}</div></div>
}}{{#if:{{{tab8|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon8|}}}{{{bt8|}}}</div><div class="TabContentText">
{{{tab8|}}}</div></div>
}}{{#if:{{{tab9|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon9|}}}{{{bt9|}}}</div><div class="TabContentText">
{{{tab9|}}}</div></div>
}}{{#if:{{{tab10|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon10|}}}{{{bt10|}}}</div><div class="TabContentText">
{{{tab10|}}}</div></div>
}}{{#if:{{{tab11|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon11|}}}{{{bt11|}}}</div><div class="TabContentText">
{{{tab11|}}}</div></div>
}}{{#if:{{{tab12|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon12|}}}{{{bt12|}}}</div><div class="TabContentText">
{{{tab12|}}}</div></div>
}}{{#if:{{{tab13|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon13|}}}{{{bt13|}}}</div><div class="TabContentText">
{{{tab13|}}}</div></div>
}}{{#if:{{{tab14|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon14|}}}{{{bt14|}}}</div><div class="TabContentText">
{{{tab14|}}}</div></div>
}}{{#if:{{{tab15|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon15|}}}{{{bt15|}}}</div><div class="TabContentText">
{{{tab15|}}}</div></div>
}}{{#if:{{{tab16|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon16|}}}{{{bt16|}}}</div><div class="TabContentText">
{{{tab16|}}}</div></div>
}}{{#if:{{{tab17|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon17|}}}{{{bt17|}}}</div><div class="TabContentText">
{{{tab17|}}}</div></div>
}}{{#if:{{{tab18|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon18|}}}{{{bt18|}}}</div><div class="TabContentText">
{{{tab18|}}}</div></div>
}}{{#if:{{{tab19|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon19|}}}{{{bt19|}}}</div><div class="TabContentText">
{{{tab19|}}}</div></div>
}}{{#if:{{{tab20|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon20|}}}{{{bt20|}}}</div><div class="TabContentText">
{{{tab20|}}}</div></div>
}}{{#if:{{{tab21|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon21|}}}{{{bt21|}}}</div><div class="TabContentText">
{{{tab21|}}}</div></div>
}}{{#if:{{{tab22|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon22|}}}{{{bt22|}}}</div><div class="TabContentText">
{{{tab22|}}}</div></div>
}}{{#if:{{{tab23|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon23|}}}{{{bt23|}}}</div><div class="TabContentText">
{{{tab23|}}}</div></div>
}}{{#if:{{{tab24|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon24|}}}{{{bt24|}}}</div><div class="TabContentText">
{{{tab24|}}}</div></div>
}}{{#if:{{{tab25|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon25|}}}{{{bt25|}}}</div><div class="TabContentText">
{{{tab25|}}}</div></div>
}}{{#if:{{{tab26|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon26|}}}{{{bt26|}}}</div><div class="TabContentText">
{{{tab26|}}}</div></div>
}}{{#if:{{{tab27|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon27|}}}{{{bt27|}}}</div><div class="TabContentText">
{{{tab27|}}}</div></div>
}}{{#if:{{{tab28|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon28|}}}{{{bt28|}}}</div><div class="TabContentText">
{{{tab28|}}}</div></div>
}}{{#if:{{{tab29|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon29|}}}{{{bt29|}}}</div><div class="TabContentText">
{{{tab29|}}}</div></div>
}}{{#if:{{{tab30|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon30|}}}{{{bt30|}}}</div><div class="TabContentText">
{{{tab30|}}}</div></div>
}}{{#if:{{{tab31|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon31|}}}{{{bt31|}}}</div><div class="TabContentText">
{{{tab31|}}}</div></div>
}}{{#if:{{{tab32|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon32|}}}{{{bt32|}}}</div><div class="TabContentText">
{{{tab32|}}}</div></div>
}}{{#if:{{{tab33|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon33|}}}{{{bt33|}}}</div><div class="TabContentText">
{{{tab33|}}}</div></div>
}}{{#if:{{{tab34|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon34|}}}{{{bt34|}}}</div><div class="TabContentText">
{{{tab34|}}}</div></div>
}}{{#if:{{{tab35|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon35|}}}{{{bt35|}}}</div><div class="TabContentText">
{{{tab35|}}}</div></div>
}}{{#if:{{{tab36|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon36|}}}{{{bt36|}}}</div><div class="TabContentText">
{{{tab36|}}}</div></div>
}}{{#if:{{{tab37|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon37|}}}{{{bt37|}}}</div><div class="TabContentText">
{{{tab37|}}}</div></div>
}}{{#if:{{{tab38|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon38|}}}{{{bt38|}}}</div><div class="TabContentText">
{{{tab38|}}}</div></div>
}}{{#if:{{{tab39|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon39|}}}{{{bt39|}}}</div><div class="TabContentText">
{{{tab39|}}}</div></div>
}}{{#if:{{{tab40|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon40|}}}{{{bt40|}}}</div><div class="TabContentText">
{{{tab40|}}}</div></div>
}}{{#if:{{{tab41|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon41|}}}{{{bt41|}}}</div><div class="TabContentText">
{{{tab41|}}}</div></div>
}}{{#if:{{{tab42|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon42|}}}{{{bt42|}}}</div><div class="TabContentText">
{{{tab42|}}}</div></div>
}}{{#if:{{{tab43|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon43|}}}{{{bt43|}}}</div><div class="TabContentText">
{{{tab43|}}}</div></div>
}}{{#if:{{{tab44|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon44|}}}{{{bt44|}}}</div><div class="TabContentText">
{{{tab44|}}}</div></div>
}}{{#if:{{{tab45|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon45|}}}{{{bt45|}}}</div><div class="TabContentText">
{{{tab45|}}}</div></div>
}}{{#if:{{{tab46|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon46|}}}{{{bt46|}}}</div><div class="TabContentText">
{{{tab46|}}}</div></div>
}}{{#if:{{{tab47|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon47|}}}{{{bt47|}}}</div><div class="TabContentText">
{{{tab47|}}}</div></div>
}}{{#if:{{{tab48|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon48|}}}{{{bt48|}}}</div><div class="TabContentText">
{{{tab48|}}}</div></div>
}}{{#if:{{{tab49|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon49|}}}{{{bt49|}}}</div><div class="TabContentText">
{{{tab49|}}}</div></div>
}}{{#if:{{{tab50|}}}|<div class="Tab"><div class="TabLabelText">{{{bticon50|}}}{{{bt50|}}}</div><div class="TabContentText">
{{{tab50|}}}</div></div>
}}
</div></includeonly><noinclude>
{{documentation}}</noinclude>

2026年5月20日 (三) 08:19的最新版本

  模板文档 TEMPLATE DOCUMENTATION   [查看] [编辑] [历史] [刷新]

本模板默认使用黑色主题,如果需要自定义主题可以使用{{Tabs/core}}。

模板效果为分页显示。

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

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

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

本模板里面直接使用原始表格代码会出现错误。请使用{{Table}}等方式制作表格。

由于原模板对JavaScript依赖甚重,且在移动端及noscript退化表现欠佳,已依照渐进表现的思路被重写。

用法

参数

x=数字1-50

  • 一般
    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的内边距,不设置color时默认值为20px 30px,设置color时默认值为1em
    10. AutoWidth:使tabs不再占满整行,如要启用必须传入【yes】值,默认值为no
    11. float:使tabs不再占满整行的同时作左浮动或右浮动,如要启用必须传入【left】(左浮动)或【right】(右浮动)值,默认值为no
    12. style:外框样式。
  • 显示内容
    • btx= ,填写显示的分页名称。(务必填写)目前情况下(借助了对common.js页面的一次修正)如果bt项后不填写则会自动略过该分页,这一点可以用来进行一些特殊的页面实现。
    • bticonx= ,分页名称左边的标志,可填写文字或者图片,预设为没有标志。图片大小建议16px。若不使用,请不要使用这个参数。
    • tabx= ,分页的内容。
    • LabelSide:指定标签位置与标签顶边框位置(侧边框位置为顶边框两侧),可选值为top(默认值)、bottomleftright
    • LabelColorSideReverse:指定是否逆向设置标签顶边框位置(例如当标签位置在左侧left时标签顶边框在右侧,此时原位置也会被视为侧边框),值为1onyestrue时启用;
    • DividerSize:指定label与text的间隔,只接受正数,单位为px,默认值为0LabelColorSideReverse不为真值)、2LabelColorSideReverse为真值)。

范例

一般使用

{{tabs
|color=green
|bt1=cosMo作品
|tab1={{暴走P}}
|bt2=ryo作品
|tab2={{ryo}}
|DefaultTab=1
}}
cosMo作品
暴走P
ryo作品
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
}}