Editor at 17:00, 11 April 2026

2026-04-11T17:00:28Z

← Older revision		Revision as of 17:00, 11 April 2026
Line 3:		Line 3:
	=== Basic Usage ===		=== Basic Usage ===

	<pre> {{Page tabs \| NOTOC = true \| [[User:~~Example~~]] \| [[User:~~Example~~/Subpage 1]] \| [[User:~~Example~~/Subpage 2\|Second subpage]] \| [[User:~~Example~~/Subpage 3]] \| This = 2 }} </pre>		<pre> {{Page tabs \| NOTOC = true \| [[User:SNCApedia]] \| [[User:SNCApedia/Subpage 1]] \| [[User:SNCApedia/Subpage 2\|Second subpage]] \| [[User:SNCApedia/Subpage 3]] \| This = 2 }} </pre>

	* '''NOTOC''' – If set to true, disables the automatic table of contents.		* '''NOTOC''' – If set to true, disables the automatic table of contents.
Line 31:		Line 31:
	\|}		\|}

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

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

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

Editor: Created page with "'''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:Example | User:Example/Subpage 1 | Second subpage | User:Example/Subpage 3 | This = 2 }}

* '''NOTOC''' – If set to true, disables the automatic table of contents. * '''This''' – Number of the active tab (1-base..."

2026-04-11T16:59:25Z

Created page with "'''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 === <pre> {{Page tabs | NOTOC = true | User:Example | User:Example/Subpage 1 | Second subpage | User:Example/Subpage 3 | This = 2 }} </pre> * '''NOTOC''' – If set to true, disables the automatic table of contents. * '''This''' – Number of the active tab (1-base..."

New page

'''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 ===

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

* '''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…).
{| class="wikitable"
! 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.
|}

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

== Example ==
{{Page tabs
| NOTOC = true
| [[User:Example]]
| [[User:Example/Subpage 1]]
| [[User:Example/Subpage 2|Second subpage]]
| [[User:Example/Subpage 3]]
| [[User:Example/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
}}

<pre>
{{Page tabs
| NOTOC = true
| [[User:Example]]
| [[User:Example/Subpage 1]]
| [[User:Example/Subpage 2|Second subpage]]
| [[User:Example/Subpage 3]]
| [[User:Example/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
}}
</pre>

Template:Page tabs/doc - Revision history

Editor at 17:00, 11 April 2026