模板:Tabs

来自萌娘百科

模板文档  

这个文档嵌入自模板:Tabs/doc。

来自萌娘百科

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

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

模板效果為分頁顯示，并使用了Extension:Loops。

在移動版支援分页显示，iOS App支援，安卓App仅支持退化显示。項目過多，標籤會溢出。

部分信息模板有增設加入Tabs的位置，查詢有增設的信息模板見：Special:链入页面，關於其具體調度方法，請查看對應的說明文檔。

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

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

用法

參數

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进制颜色代码未能生效，可以采用rgb(R,G,B,alpha)。
  9. TextPadding：指定显示的text的内边距，默认值为1em 1em；
  10. AutoWidth：使tabs不再占满整行，如要启用必须传入【yes】值，默认值为no；
  11. float：使tabs不再占满整行的同时作左浮动或右浮动，如要启用必须传入【left】（左浮动）或【right】（右浮动）值，默认值为no。
• 顯示內容
  • bt_x=　，填寫顯示的分頁名稱。(務必填寫)目前情况下（借助了对common.js页面的一次修正）如果bt项后不填写则会自动略过该分页，这一点可以用来进行一些特殊的页面实现，使用例参见Template:舰队Collection:画师信息。
  • bticon_x=　，分頁名稱左邊的標誌，可填寫文字或者圖片，預設為沒有標誌。圖片大小建議16px。若不使用，請不要使用這個參數。
  • tab_x=　，分頁的內容。
  • LabelSide：指定标签位置与标签顶边框位置（侧边框位置为顶边框两侧），可选值为top（默认值）、bottom、left、right；
  • LabelColorSideReverse：指定是否逆向设置标签顶边框位置（例如当标签位置在左侧lefet时标签顶边框在右侧，此时原位置也会被视为侧边框），值为1、on、yes、true时启用；
  • DividerSize：指定label与text的间隔，只接受正数，单位为，默认值为0（LabelColorSideReverse不为真值）、2（LabelColorSideReverse为真值）。

範例

一般使用

{{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
}}

文件:Moegirl is watching you.jpg中国2005年动画

模板:中国2005年动画

文件:Moegirl is watching you.jpg中国2006年动画

模板:中国2006年动画

文件:Moegirl is watching you.jpg中国2007年动画

模板:中国2007年动画

文件:Moegirl is watching you.jpg中国2008年动画

模板:中国2008年动画

文件:Moegirl is watching you.jpg中国2009年动画

模板:中国2009年动画

文件:Moegirl is watching you.jpg中国2010年动画

模板:中国2010年动画

文件:Moegirl is watching you.jpg中国2011年动画

模板:中国2011年动画

文件:Moegirl is watching you.jpg中国电影金鸡奖最佳美术片

模板:中国电影金鸡奖最佳美术片