Template:Page tabs

{{{1}}}

Template documentation[view] [edit] [history] [purge]

Page tabs creates horizontal navigation tabs on a page. You can specify which tab is active, set custom background and text colors for each tab.

Basic Usage

 {{Page tabs | NOTOC = true | [[User:SNCApedia]] | [[User:SNCApedia/Subpage 1]] | [[User:SNCApedia/Subpage 2|Second subpage]] | [[User:SNCApedia/Subpage 3]] | This = 2 }} 

• NOTOC – If set to true, disables the automatic table of contents.

• This – Number of the active tab (1-based).

Tab Styling Parameters

Each tab can have its own inactive/active background and text colors. Repeat tab parameters for additional tabs by replacing N with the tab number (1, 2, 3…).

Parameter	Description
tab(N)-bg	Background color of tab N when it is inactive. Use any valid CSS color code (e.g., #e0edf6 or lightblue).
tab(N)-active-bg	Background color of tab N when it is active. Overrides `tab-bg` if defined.
tab(N)-color	Text color of tab N when it is inactive. Defaults to black if not set.
tab(N)-active-color	Text color of tab N when it is active. Overrides `tab-color` if defined.
tab-bg	Global fallback background color for the active tab if `tab(N)-active-bg` is not defined. Defaults to white.
tab-color	Global fallback text color for all tabs if `tab(N)-color` or `tab(N)-active-color` is not defined. Defaults to black.
class	CSS class applied to the container row of all tabs. Useful for custom layout or styling.
style	Inline CSS style applied to the container row of all tabs. Can be used for alignment, padding, or background.

SNCApedia: To style tab 3, you would use tab3-bg, tab3-active-bg, tab3-color, tab3-active-color, class3, and style3.

SNCApedia

User:SNCApedia User:SNCApedia/Subpage 1 Second subpage User:SNCApedia/Subpage 3 User:SNCApedia/Subpage 4

{{Page tabs
| NOTOC = true
| [[User:SNCApedia]]
| [[User:SNCApedia/Subpage 1]]
| [[User:SNCApedia/Subpage 2|Second subpage]]
| [[User:SNCApedia/Subpage 3]]
| [[User:SNCApedia/Subpage 4]]
| This = 2

| tab1-bg = #ffd6d6
| tab1-active-bg = #ff9999
| tab1-color = black
| tab1-active-color = white

| tab2-bg = #d6ffd6
| tab2-active-bg = #66ff66
| tab2-color = black
| tab2-active-color = white

| tab3-bg = #d6e4ff
| tab3-active-bg = #6699ff
| tab3-color = black
| tab3-active-color = white

| tab4-bg = #fff0b3
| tab4-active-bg = #ffe066
| tab4-color = black
| tab4-active-color = black

| tab5-bg = #fff0b3
| tab5-active-bg = #ffe066
| tab5-color = black
| tab5-active-color = black
}}