Template:Tabs/core

出自红砖维基
文件圖示 模板文件[檢視] [編輯] [歷史] [清除快取]

此模板創意來自於加泰羅尼亞文維基百科([1]),由於原模板對js依賴甚重,且在移動端及noscript退化表現欠佳,已依照漸進表現的思路被重寫。
本模板默認不使用主題,如果想要默認黑色主題可以使用Template:tabs
模板效果為分頁顯示,並使用了Extension:Loops。
在移動版支援分頁顯示,iOS App支援,安卓App僅支持退化顯示。項目過多,標籤會溢出。
部分信息模板有增設加入Tabs的位置,查詢有增設的信息模板見:Special:鏈入頁面,關於其具體調度方法,請查看對應的說明文檔。
另請注意,該模板在預覽狀態下的顯示可能會出錯(包括通過wikiplus的預覽按鈕與編輯頁面的「預覽」標籤進行的預覽),如果要預覽該模板的實際顯示效果,請通過編輯頁面的「顯示預覽」(「保存更改」左側)按鈕來進行預覽。
本模板裏面直接使用維基表格會出現錯誤,出錯原因是維基表格中帶有|的符號被錯誤識別,請使用下方表格中的替換模板替換之。
Template:輔助模板

參數列表[編輯原始碼]

參數名 簡介
Theme 內置主題樣式:
  • green(綠色),
  • red(紅色),
  • blue(藍色),
  • yellow(黃色),
  • purple(紫色),
  • orange(橙色),
  • black(黑色);
style 應用於外層的額外CSS樣式;
DefaultTab 指定頁面加載時顯示第幾個tab,默認值為1
LabelPadding 指定label的內邊距,默認值為2px
LabelBorderColor 指定選中的label的側邊框顏色,默認值為#aaa
LabelBackgroundColor 指定選中的label的背景色,默認值為頁面正文背景色;
LabelColor 指定選中的label的頂邊框顏色,默認值為green
TextBorderColor 指定顯示的text的邊框顏色,默認值為#aaa
TextBackgroundColor 指定顯示的text的背景色,默認值為white
TextPadding 指定顯示的text的內邊距,默認值為20px 30px
AutoWidth 使tabs不再佔滿整行,如要啟用必須傳入【yes】值,默認值為no
Float 使tabs不再佔滿整行的同時作左浮動或右浮動,如要啟用必須傳入【left】(左浮動)或【right】(右浮動)值,默認值為no
LabelSide 指定標籤位置與標籤頂邊框位置(側邊框位置為頂邊框兩側),可選值為top(默認值)、bottomleftright
LabelColorSideReverse 指定是否逆向設置標籤頂邊框位置(例如當標籤位置在左側left時標籤頂邊框在右側,此時原位置也會被視為側邊框),值為1onyestrue時啟用;
DividerSize 指定label與text的間隔,只接受正數,單位為,默認值為0LabelColorSideReverse不為真值)、2LabelColorSideReverse為真值)。
label[序號] 第[序號]個標籤的標註。序號請使用從1開始的連續編號。
text[序號] 第[序號]個標籤的內容。序號請使用從1開始的連續編號。

一個例子[編輯原始碼]

{{tabs/core
|label1=Label 1
|text1=Text 1
|label2=Label 2
|text2=[[File:49755740_p0.jpg]]
|label3=Label 3
|text3={{秽翼}}
|DefaultTab=2
|LabelPadding=1em
|LabelBorderColor=black
|LabelColor=blue
|TextPadding=1.5em
|TextBorderColor=black
|AutoWidth=yes}}
Label 1

Text 1

另一個例子[編輯原始碼]

{{tabs/core
|label1=我是CC1
|text1=[[File:炎夏型乌莎哈5.png]]
|label2=WO是CC2
|text2=[[File:炎夏型乌莎哈6.png]]
|label3=wo's cc3
|text3=[[File:炎夏型乌莎哈5.png]]
|LabelSide=left
|LabelColorSideReverse=true
|LabelBorderColor=#3366DD
|LabelColor=#3366DD
|LabelBackgroundColor=#3366DD
|LabelPadding=0.5em
|TextBorderColor=transparent
|TextPadding=0
|AutoWidth=yes}}