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

Template:Tabs/doc:修订间差异

模板页面
imported>弃权者
创建页面,内容为“ 本模板默认使用黑色主题,如果需要自定义主题可以使用{{tl|Tabs/core}}。 模板效果為分頁显示。 在手機版支持分页显示,安卓App仅支持退化显示。項目過多,標籤會溢出。 部分信息模板有增設加入Tabs的位置,關於其具體調度方法,請查看對應的說明文檔。 另请注意,该模板在预览状态下的显示可能会出错(包括通过wikiplus的预览按钮与编辑页面…”
 
弃权者留言 | 贡献
无编辑摘要
 
(未显示同一用户的1个中间版本)
第32行: 第32行:
*# LabelColor:指定选中的label的顶边框颜色,默认值为<code>green</code>;
*# LabelColor:指定选中的label的顶边框颜色,默认值为<code>green</code>;
*# TextBorderColor:指定显示的text的边框颜色,默认值为<code>#aaa</code>;
*# TextBorderColor:指定显示的text的边框颜色,默认值为<code>#aaa</code>;
*# TextBackgroundColor:指定显示的text的背景色,默认值为<code>white</code>;如果设置透明背景时用16进制[[:Help:颜色列表|颜色代码]]未能生效,可以采用<code>rgba(R,G,B,alpha)</code>。
*# TextBackgroundColor:指定显示的text的背景色,默认值为<code>white</code>;如果设置透明背景时用16进制颜色代码未能生效,可以采用<code>rgba(R,G,B,alpha)</code>。
*# TextPadding:指定显示的text的内边距,不设置<code>color</code>时默认值为<code>20px 30px</code>,设置<code>color</code>时默认值为<code>1em</code>;
*# TextPadding:指定显示的text的内边距,不设置<code>color</code>时默认值为<code>20px 30px</code>,设置<code>color</code>时默认值为<code>1em</code>;
*# AutoWidth:使tabs不再占满整行,<span style="color:red;">如要启用必须传入【yes】值</span>,默认值为<code>no</code>;
*# AutoWidth:使tabs不再占满整行,<span style="color:red;">如要启用必须传入【yes】值</span>,默认值为<code>no</code>;
第38行: 第38行:
*# style:外框样式。
*# style:外框样式。
* 顯示內容
* 顯示內容
** bt<sub>x</sub>= ,填寫顯示的分頁名稱。<s>('''務必填寫''')</s>目前情况下(借助了对[[mediawiki:common.js|common.js]]页面的一次修正)如果bt项后不填写则会自动略过该分页,这一点可以用来进行一些特殊的页面实现,使用例参见[[Template:舰队Collection:画师信息/doc#.E5.85.B3.E4.BA.8E.E5.BE.AE.E5.8D.9A.E5.A4.B4.E5.83.8F.E6.A0.87.E7.AD.BE.E7.9A.84.E7.89.B9.E6.AE.8A.E8.AF.B4.E6.98.8E|Template:舰队Collection:画师信息]]
** bt<sub>x</sub>= ,填寫顯示的分頁名稱。<s>('''務必填寫''')</s>目前情况下(借助了对[[mediawiki:common.js|common.js]]页面的一次修正)如果bt项后不填写则会自动略过该分页,这一点可以用来进行一些特殊的页面实现。
** bticon<sub>x</sub>= ,分頁名稱左邊的標誌,可填寫文字或者圖片,預設為沒有標誌。圖片大小建議16px。若不使用,請不要使用這個參數。
** bticon<sub>x</sub>= ,分頁名稱左邊的標誌,可填寫文字或者圖片,預設為沒有標誌。圖片大小建議16px。若不使用,請不要使用這個參數。
** tab<sub>x</sub>= ,分頁的內容。
** tab<sub>x</sub>= ,分頁的內容。

2026年5月2日 (六) 23:47的最新版本

本模板默认使用黑色主题,如果需要自定义主题可以使用{{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
}}