Template:HeroTabs: Difference between revisions

From The Deadlock Wiki
Jump to navigation Jump to search
LVL (talk | contribs)
Undo for now
Tag: Undo
Vergir (talk | contribs)
Replace with module code.
Tag: Replaced
 
(9 intermediate revisions by 3 users not shown)
Line 1: Line 1:
<includeonly><div class=navbox-title style="border-radius: 8px; color:#FFF5E8; margin:0 auto 1em; display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-end; gap:1em; padding:0px; font-family:'Retail Demo','Open Sans','Radiance',sans-serif; text-transform:uppercase; font-weight:bold; font-size:15px;"><!--
<includeonly>{{#invoke:HeroTabs|render|{{{1|}}}}}</includeonly><noinclude>{{Documentation}}</noinclude>
-->{{#ifexist:{{{1|{{ROOTPAGENAME}}}}}{{if_lang}}|<div style="{{#ifeq: {{FULLPAGENAMEE}} | {{{1|{{ROOTPAGENAMEE}}}}}{{if_lang}} | background-color:#FFF0D6; color:#483728; padding:4px 8px; border-radius: 4px 4px 0 0; | padding:4px 8px; cursor:pointer }}">[[{{{1|{{ROOTPAGENAME}}}}}{{if_lang}}|<span style="{{#ifeq: {{FULLPAGENAMEE}} | {{{1|{{ROOTPAGENAMEE}}}}}{{if_lang}} | color:#483728; | color:#FFF0D6; text-shadow: 0px 2px 2px black, 0px 0px 2px black; }}">{{translate|Overview}}</span>]]</div>|{{#ifexist:{{{1|{{ROOTPAGENAME}}}}}|<div style="{{#ifeq: {{FULLPAGENAMEE}} | {{{1|{{ROOTPAGENAMEE}}}}} | background-color:#FFF0D6; color:#483728; padding:4px 8px; border-radius: 4px 4px 0 0; | padding:4px 8px; cursor:pointer }}">[[{{{1|{{ROOTPAGENAME}}}}}|<span style="{{#ifeq: {{FULLPAGENAMEE}} | {{{1|{{ROOTPAGENAMEE}}}}} | color:#483728; | color:#FFF0D6; text-shadow: 0px 2px 2px black, 0px 0px 2px black; }}">{{translate|Overview}}</span>]]</div>}}}}<!--
-->{{#ifexist:{{{1|{{ROOTPAGENAME}}}}}/Strategy{{if_lang}}|<div style="{{#ifeq: {{FULLPAGENAMEE}} | {{{1|{{ROOTPAGENAMEE}}}}}/Strategy{{if_lang}} | background-color:#FFF0D6; color:#483728; padding:4px 8px; border-radius: 4px 4px 0 0; | padding:4px 8px; cursor:pointer }}">[[{{{1|{{ROOTPAGENAME}}}}}/Strategy{{if_lang}}|<span style="{{#ifeq: {{FULLPAGENAMEE}} | {{{1|{{ROOTPAGENAMEE}}}}}/Strategy{{if_lang}} | color:#483728; | color:#FFF0D6; text-shadow: 0px 2px 2px black, 0px 0px 2px black; }}">{{translate|Strategy}}</span>]]</div>|{{#ifexist:{{{1|{{ROOTPAGENAME}}}}}/Strategy|<div style="{{#ifeq: {{FULLPAGENAMEE}} | {{{1|{{ROOTPAGENAMEE}}}}}/Strategy | background-color:#FFF0D6; color:#483728; padding:4px 8px; border-radius: 4px 4px 0 0; | padding:4px 8px; cursor:pointer }}">[[{{{1|{{ROOTPAGENAME}}}}}/Strategy|<span style="{{#ifeq: {{FULLPAGENAMEE}} | {{{1|{{ROOTPAGENAMEE}}}}}/Strategy | color:#483728; | color:#FFF0D6; text-shadow: 0px 2px 2px black, 0px 0px 2px black; }}">{{translate|Strategy}}</span>]]</div>}}}}<!--
-->{{#ifexist:{{ROOTPAGENAME}}/Quotes{{if_lang}}|<div style="{{#ifeq: {{FULLPAGENAMEE}} | {{ROOTPAGENAME}}/Quotes{{if_lang}} | background-color:#FFF0D6; color:#483728; padding:4px 8px; border-radius: 4px 4px 0 0; | padding:4px 8px; cursor:pointer }}">[[{{ROOTPAGENAME}}/Quotes{{if_lang}}|<span style="{{#ifeq: {{FULLPAGENAMEE}} | {{ROOTPAGENAME}}/Quotes{{if_lang}} | color:#483728; | color:#FFF0D6; text-shadow: 0px 2px 2px black, 0px 0px 2px black; }}">{{translate|Quotes}}</span>]]</div>|{{#ifexist:{{ROOTPAGENAME}}/Quotes|<div style="{{#ifeq: {{FULLPAGENAMEE}} | {{ROOTPAGENAME}}/Quotes | background-color:#FFF0D6; color:#483728; padding:4px 8px; border-radius: 4px 4px 0 0; | padding:4px 8px; cursor:pointer }}">[[{{ROOTPAGENAME}}/Quotes|<span style="{{#ifeq: {{FULLPAGENAMEE}} | {{ROOTPAGENAME}}/Quotes | color:#483728; | color:#FFF0D6; text-shadow: 0px 2px 2px black, 0px 0px 2px black; }}">{{translate|Quotes}}</span>]]</div>}}}}<!--
-->{{#ifexist:{{{1|{{ROOTPAGENAME}}}}}/Sounds{{if_lang}}|<div style="{{#ifeq: {{FULLPAGENAMEE}} | {{{1|{{ROOTPAGENAMEE}}}}}/Sounds{{if_lang}} | background-color:#FFF0D6; color:#483728; padding:4px 8px; border-radius: 4px 4px 0 0; | padding:4px 8px; cursor:pointer }}">[[{{{1|{{ROOTPAGENAME}}}}}/Sounds{{if_lang}}|<span style="{{#ifeq: {{FULLPAGENAMEE}} | {{{1|{{ROOTPAGENAMEE}}}}}/Sounds{{if_lang}} | color:#483728; | color:#FFF0D6; text-shadow: 0px 2px 2px black, 0px 0px 2px black; }}">{{translate|Sounds}}</span>]]</div>|{{#ifexist:{{{1|{{ROOTPAGENAME}}}}}/Sounds|<div style="{{#ifeq: {{FULLPAGENAMEE}} | {{{1|{{ROOTPAGENAMEE}}}}}/Sounds | background-color:#FFF0D6; color:#483728; padding:4px 8px; border-radius: 4px 4px 0 0; | padding:4px 8px; cursor:pointer }}">[[{{{1|{{ROOTPAGENAME}}}}}/Sounds|<span style="{{#ifeq: {{FULLPAGENAMEE}} | {{{1|{{ROOTPAGENAMEE}}}}}/Sounds | color:#483728; | color:#FFF0D6; text-shadow: 0px 2px 2px black, 0px 0px 2px black; }}">{{translate|Sounds}}</span>]]</div>}}}}<!--
-->{{#ifexist:{{{1|{{ROOTPAGENAME}}}}}/Update_history{{if_lang}}|<div style="{{#ifeq: {{FULLPAGENAMEE}} | {{{1|{{ROOTPAGENAMEE}}}}}/Update_history{{if_lang}} | background-color:#FFF0D6; color:#483728; padding:4px 8px; border-radius: 4px 4px 0 0; | padding:4px 8px; cursor:pointer }}">[[{{{1|{{ROOTPAGENAME}}}}}/Update_history{{if_lang}}|<span style="{{#ifeq: {{FULLPAGENAMEE}} | {{{1|{{ROOTPAGENAMEE}}}}}/Update_history{{if_lang}} | color:#483728; | color:#FFF0D6; text-shadow: 0px 2px 2px black, 0px 0px 2px black; }}">{{translate|Update history}}</span>]]</div>|{{#ifexist:{{{1|{{ROOTPAGENAME}}}}}/Update_history|<div style="{{#ifeq: {{FULLPAGENAMEE}} | {{{1|{{ROOTPAGENAMEE}}}}}/Update_history | background-color:#FFF0D6; color:#483728; padding:4px 8px; border-radius: 4px 4px 0 0; | padding:4px 8px; cursor:pointer }}">[[{{{1|{{ROOTPAGENAME}}}}}/Update_history|<span style="{{#ifeq: {{FULLPAGENAMEE}} | {{{1|{{ROOTPAGENAMEE}}}}}/Update_history | color:#483728; | color:#FFF0D6; text-shadow: 0px 2px 2px black, 0px 0px 2px black; }}">{{translate|Update history}}</span>]]</div>}}}}<!--
--></div></includeonly><!--
--><noinclude>{{Documentation}}</noinclude>

Latest revision as of 17:29, 15 July 2026

Template documentation [view] [edit] [history] [purge]
CSS3 logo.svg
This template uses CSS found at HeroTabs/styles.css.

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

[edit source]

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.