Template:HeroTabs: Difference between revisionsGive feedback
Jump to navigation
Jump to search
No edit summary Tags: Mobile edit Mobile web edit |
No edit summary |
||
| Line 5: | Line 5: | ||
-->{{#ifexist:{{{1|{{ROOTPAGENAME}}}}}/Movement{{if_lang}}|<div class="hero-tab {{#ifeq: {{FULLPAGENAMEE}} | {{{1|{{ROOTPAGENAMEE}}}}}/Movement{{if_lang}} | hero-tab-active | hero-tab-inactive }}">[[{{{1|{{ROOTPAGENAME}}}}}/Movement{{if_lang}}|<span>{{#invoke:Lang|get_string|Citadel_ShopFilter_Movement}}</span>]]</div>|{{#ifexist:{{{1|{{ROOTPAGENAME}}}}}/Movement|<div class="hero-tab {{#ifeq: {{FULLPAGENAMEE}} | {{{1|{{ROOTPAGENAMEE}}}}}/Movement | hero-tab-active | hero-tab-inactive }}">[[{{{1|{{ROOTPAGENAME}}}}}/Movement|<span>{{#invoke:Lang|get_string|Citadel_ShopFilter_Movement}}</span>]]</div>}}}}<!-- | -->{{#ifexist:{{{1|{{ROOTPAGENAME}}}}}/Movement{{if_lang}}|<div class="hero-tab {{#ifeq: {{FULLPAGENAMEE}} | {{{1|{{ROOTPAGENAMEE}}}}}/Movement{{if_lang}} | hero-tab-active | hero-tab-inactive }}">[[{{{1|{{ROOTPAGENAME}}}}}/Movement{{if_lang}}|<span>{{#invoke:Lang|get_string|Citadel_ShopFilter_Movement}}</span>]]</div>|{{#ifexist:{{{1|{{ROOTPAGENAME}}}}}/Movement|<div class="hero-tab {{#ifeq: {{FULLPAGENAMEE}} | {{{1|{{ROOTPAGENAMEE}}}}}/Movement | hero-tab-active | hero-tab-inactive }}">[[{{{1|{{ROOTPAGENAME}}}}}/Movement|<span>{{#invoke:Lang|get_string|Citadel_ShopFilter_Movement}}</span>]]</div>}}}}<!-- | ||
-->{{#ifexist:{{{1|{{ROOTPAGENAME}}}}}/Lore{{if_lang}}|<div class="hero-tab {{#ifeq: {{FULLPAGENAMEE}} | {{{1|{{ROOTPAGENAMEE}}}}}/Lore{{if_lang}} | hero-tab-active | hero-tab-inactive }}">[[{{{1|{{ROOTPAGENAME}}}}}/Lore{{if_lang}}|<span>{{translate|Lore}}</span>]]</div>|{{#ifexist:{{{1|{{ROOTPAGENAME}}}}}/Lore|<div class="hero-tab {{#ifeq: {{FULLPAGENAMEE}} | {{{1|{{ROOTPAGENAMEE}}}}}/Lore | hero-tab-active | hero-tab-inactive }}">[[{{{1|{{ROOTPAGENAME}}}}}/Lore|<span>{{translate|Lore}}</span>]]</div>}}}}<!-- | -->{{#ifexist:{{{1|{{ROOTPAGENAME}}}}}/Lore{{if_lang}}|<div class="hero-tab {{#ifeq: {{FULLPAGENAMEE}} | {{{1|{{ROOTPAGENAMEE}}}}}/Lore{{if_lang}} | hero-tab-active | hero-tab-inactive }}">[[{{{1|{{ROOTPAGENAME}}}}}/Lore{{if_lang}}|<span>{{translate|Lore}}</span>]]</div>|{{#ifexist:{{{1|{{ROOTPAGENAME}}}}}/Lore|<div class="hero-tab {{#ifeq: {{FULLPAGENAMEE}} | {{{1|{{ROOTPAGENAMEE}}}}}/Lore | hero-tab-active | hero-tab-inactive }}">[[{{{1|{{ROOTPAGENAME}}}}}/Lore|<span>{{translate|Lore}}</span>]]</div>}}}}<!-- | ||
-->{{#ifexist::{{{1|{{ROOTPAGENAME}}}}}/ | -->{{#ifexist::{{{1|{{ROOTPAGENAME}}}}}/Voice lines{{if_lang}}|<div class="hero-tab {{#ifeq: {{FULLPAGENAMEE}} | {{{1|{{ROOTPAGENAMEE}}}}}/Voice lines{{if_lang}} | hero-tab-active | hero-tab-inactive }}">[[{{{1|{{ROOTPAGENAMEE}}}}}/Voice lines{{if_lang}}|<span>{{translate|Voice lines}}</span>]]</div>|{{#ifexist:{{{1|{{ROOTPAGENAMEE}}}}}/Voice lines|<div class="hero-tab {{#ifeq: {{FULLPAGENAMEE}} | {{{1|{{ROOTPAGENAMEE}}}}}/Voice lines | hero-tab-active | hero-tab-inactive }}">[[{{{1|{{ROOTPAGENAMEE}}}}}/Voice lines|<span>{{translate|Voice lines}}</span>]]</div>}}}}<!-- | ||
-->{{#ifexist:{{{1|{{ROOTPAGENAME}}}}}/Sounds{{if_lang}}|<div class="hero-tab {{#ifeq: {{FULLPAGENAMEE}} | {{{1|{{ROOTPAGENAMEE}}}}}/Sounds{{if_lang}} | hero-tab-active | hero-tab-inactive }}">[[{{{1|{{ROOTPAGENAME}}}}}/Sounds{{if_lang}}|<span>{{translate|Sounds}}</span>]]</div>|{{#ifexist:{{{1|{{ROOTPAGENAME}}}}}/Sounds|<div class="hero-tab {{#ifeq: {{FULLPAGENAMEE}} | {{{1|{{ROOTPAGENAMEE}}}}}/Sounds | hero-tab-active | hero-tab-inactive }}">[[{{{1|{{ROOTPAGENAME}}}}}/Sounds|<span>{{translate|Sounds}}</span>]]</div>}}}}<!-- | -->{{#ifexist:{{{1|{{ROOTPAGENAME}}}}}/Sounds{{if_lang}}|<div class="hero-tab {{#ifeq: {{FULLPAGENAMEE}} | {{{1|{{ROOTPAGENAMEE}}}}}/Sounds{{if_lang}} | hero-tab-active | hero-tab-inactive }}">[[{{{1|{{ROOTPAGENAME}}}}}/Sounds{{if_lang}}|<span>{{translate|Sounds}}</span>]]</div>|{{#ifexist:{{{1|{{ROOTPAGENAME}}}}}/Sounds|<div class="hero-tab {{#ifeq: {{FULLPAGENAMEE}} | {{{1|{{ROOTPAGENAMEE}}}}}/Sounds | hero-tab-active | hero-tab-inactive }}">[[{{{1|{{ROOTPAGENAME}}}}}/Sounds|<span>{{translate|Sounds}}</span>]]</div>}}}}<!-- | ||
-->{{#ifexist:{{{1|{{ROOTPAGENAME}}}}}/Music{{if_lang}}|<div class="hero-tab {{#ifeq: {{FULLPAGENAMEE}} | {{{1|{{ROOTPAGENAMEE}}}}}/Music{{if_lang}} | hero-tab-active | hero-tab-inactive }}">[[{{{1|{{ROOTPAGENAME}}}}}/Music{{if_lang}}|<span>{{translate|Music}}</span>]]</div>|{{#ifexist:{{{1|{{ROOTPAGENAME}}}}}/Music|<div class="hero-tab {{#ifeq: {{FULLPAGENAMEE}} | {{{1|{{ROOTPAGENAMEE}}}}}/Music | hero-tab-active | hero-tab-inactive }}">[[{{{1|{{ROOTPAGENAME}}}}}/Music|<span>{{translate|Music}}</span>]]</div>}}}}<!-- | -->{{#ifexist:{{{1|{{ROOTPAGENAME}}}}}/Music{{if_lang}}|<div class="hero-tab {{#ifeq: {{FULLPAGENAMEE}} | {{{1|{{ROOTPAGENAMEE}}}}}/Music{{if_lang}} | hero-tab-active | hero-tab-inactive }}">[[{{{1|{{ROOTPAGENAME}}}}}/Music{{if_lang}}|<span>{{translate|Music}}</span>]]</div>|{{#ifexist:{{{1|{{ROOTPAGENAME}}}}}/Music|<div class="hero-tab {{#ifeq: {{FULLPAGENAMEE}} | {{{1|{{ROOTPAGENAMEE}}}}}/Music | hero-tab-active | hero-tab-inactive }}">[[{{{1|{{ROOTPAGENAME}}}}}/Music|<span>{{translate|Music}}</span>]]</div>}}}}<!-- | ||
--></div></includeonly><!-- | --></div></includeonly><!-- | ||
--><noinclude>{{Documentation}}</noinclude> | --><noinclude>{{Documentation}}</noinclude> | ||
Revision as of 16:17, 15 July 2026
This template uses CSS found at HeroTabs/styles.css.
Usage
Adds a navigation header for a main page and its subpages. Mainly used for heroes but also works for other pages if it has the same subpages.
Place this template at the top of the relevant pages. The template automatically detects which subpages exist and highlights the current (active) page's tab.
Example
Using the code:
{{HeroTabs}}
Will render the navigation bar. The example below shows how it appears on the "Sounds" page, with that tab highlighted as active.