Jump to content

Template:Navbox: Difference between revisions

From DevilutionX Wiki
Newer edit →
VisualWikitext
Created page with "<includeonly> {| class="navbox" style="border:1px solid #aaa; margin:1em 0; background:#f8f8f8; font-size:90%; border-collapse:collapse; width:100%;" ! colspan="2" style="background:#e2e2e2; padding:0.3em; text-align:center; font-weight:bold;" | {{{title|Navigation}}} <!-- ===== BLOCK 1 ===== --> {{#if:{{{header1|}}}| |- ! colspan="2" style="background:#e9f2f9; padding:0.3em; text-align:center;" | {{{header1}}} }} {{#if:{{{group1|}}}{{{list1|}}}| |- ! style="background:..."
 
Use CSS instead of hardcoding colors due to users being able to select light or dark mode.
Line 1: Line 1:
<includeonly>
<includeonly>
{| class="navbox" style="border:1px solid #aaa; margin:1em 0; background:#f8f8f8; font-size:90%; border-collapse:collapse; width:100%;"
{| class="navbox dxx-navbox"
! colspan="2" style="background:#e2e2e2; padding:0.3em; text-align:center; font-weight:bold;" | {{{title|Navigation}}}
! colspan="2" class="dxx-navbox-title" | {{{title|Navigation}}}


<!-- ===== BLOCK 1 ===== -->
<!-- ===== BLOCK 1 ===== -->
{{#if:{{{header1|}}}|
{{#if:{{{header1|}}}|
|-
|-
! colspan="2" style="background:#e9f2f9; padding:0.3em; text-align:center;" | {{{header1}}}
! colspan="2" class="dxx-navbox-header" | {{{header1}}}
}}
}}
{{#if:{{{group1|}}}{{{list1|}}}|
{{#if:{{{group1|}}}{{{list1|}}}|
|-
|-
! style="background:#eef5fb; padding:0.3em; width:18%; text-align:right; vertical-align:top;" | {{{group1}}}
! class="dxx-navbox-group" | {{{group1}}}
| style="padding:0.3em; text-align:left;" | {{{list1}}}
| class="dxx-navbox-list" | {{{list1}}}
}}
}}


Line 17: Line 17:
{{#if:{{{header2|}}}|
{{#if:{{{header2|}}}|
|-
|-
! colspan="2" style="background:#e9f2f9; padding:0.3em; text-align:center;" | {{{header2}}}
! colspan="2" class="dxx-navbox-header" | {{{header2}}}
}}
}}
{{#if:{{{group2|}}}{{{list2|}}}|
{{#if:{{{group2|}}}{{{list2|}}}|
|-
|-
! style="background:#eef5fb; padding:0.3em; text-align:right; vertical-align:top;" | {{{group2}}}
! class="dxx-navbox-group" | {{{group2}}}
| style="padding:0.3em; text-align:left;" | {{{list2}}}
| class="dxx-navbox-list" | {{{list2}}}
}}
}}


Line 28: Line 28:
{{#if:{{{header3|}}}|
{{#if:{{{header3|}}}|
|-
|-
! colspan="2" style="background:#e9f2f9; padding:0.3em; text-align:center;" | {{{header3}}}
! colspan="2" class="dxx-navbox-header" | {{{header3}}}
}}
}}
{{#if:{{{group3|}}}{{{list3|}}}|
{{#if:{{{group3|}}}{{{list3|}}}|
|-
|-
! style="background:#eef5fb; padding:0.3em; text-align:right; vertical-align:top;" | {{{group3}}}
! class="dxx-navbox-group" | {{{group3}}}
| style="padding:0.3em; text-align:left;" | {{{list3}}}
| class="dxx-navbox-list" | {{{list3}}}
}}
}}


Line 39: Line 39:
{{#if:{{{header4|}}}|
{{#if:{{{header4|}}}|
|-
|-
! colspan="2" style="background:#e9f2f9; padding:0.3em; text-align:center;" | {{{header4}}}
! colspan="2" class="dxx-navbox-header" | {{{header4}}}
}}
}}
{{#if:{{{group4|}}}{{{list4|}}}|
{{#if:{{{group4|}}}{{{list4|}}}|
|-
|-
! style="background:#eef5fb; padding:0.3em; text-align:right; vertical-align:top;" | {{{group4}}}
! class="dxx-navbox-group" | {{{group4}}}
| style="padding:0.3em; text-align:left;" | {{{list4}}}
| class="dxx-navbox-list" | {{{list4}}}
}}
}}


Line 50: Line 50:
{{#if:{{{header5|}}}|
{{#if:{{{header5|}}}|
|-
|-
! colspan="2" style="background:#e9f2f9; padding:0.3em; text-align:center;" | {{{header5}}}
! colspan="2" class="dxx-navbox-header" | {{{header5}}}
}}
}}
{{#if:{{{group5|}}}{{{list5|}}}|
{{#if:{{{group5|}}}{{{list5|}}}|
|-
|-
! style="background:#eef5fb; padding:0.3em; text-align:right; vertical-align:top;" | {{{group5}}}
! class="dxx-navbox-group" | {{{group5}}}
| style="padding:0.3em; text-align:left;" | {{{list5}}}
| class="dxx-navbox-list" | {{{list5}}}
}}
}}


Line 61: Line 61:
{{#if:{{{header6|}}}|
{{#if:{{{header6|}}}|
|-
|-
! colspan="2" style="background:#e9f2f9; padding:0.3em; text-align:center;" | {{{header6}}}
! colspan="2" class="dxx-navbox-header" | {{{header6}}}
}}
}}
{{#if:{{{group6|}}}{{{list6|}}}|
{{#if:{{{group6|}}}{{{list6|}}}|
|-
|-
! style="background:#eef5fb; padding:0.3em; text-align:right; vertical-align:top;" | {{{group6}}}
! class="dxx-navbox-group" | {{{group6}}}
| style="padding:0.3em; text-align:left;" | {{{list6}}}
| class="dxx-navbox-list" | {{{list6}}}
}}
}}


Line 72: Line 72:
{{#if:{{{header7|}}}|
{{#if:{{{header7|}}}|
|-
|-
! colspan="2" style="background:#e9f2f9; padding:0.3em; text-align:center;" | {{{header7}}}
! colspan="2" class="dxx-navbox-header" | {{{header7}}}
}}
}}
{{#if:{{{group7|}}}{{{list7|}}}|
{{#if:{{{group7|}}}{{{list7|}}}|
|-
|-
! style="background:#eef5fb; padding:0.3em; text-align:right; vertical-align:top;" | {{{group7}}}
! class="dxx-navbox-group" | {{{group7}}}
| style="padding:0.3em; text-align:left;" | {{{list7}}}
| class="dxx-navbox-list" | {{{list7}}}
}}
}}


Line 83: Line 83:
{{#if:{{{header8|}}}|
{{#if:{{{header8|}}}|
|-
|-
! colspan="2" style="background:#e9f2f9; padding:0.3em; text-align:center;" | {{{header8}}}
! colspan="2" class="dxx-navbox-header" | {{{header8}}}
}}
}}
{{#if:{{{group8|}}}{{{list8|}}}|
{{#if:{{{group8|}}}{{{list8|}}}|
|-
|-
! style="background:#eef5fb; padding:0.3em; text-align:right; vertical-align:top;" | {{{group8}}}
! class="dxx-navbox-group" | {{{group8}}}
| style="padding:0.3em; text-align:left;" | {{{list8}}}
| class="dxx-navbox-list" | {{{list8}}}
}}
}}


Line 94: Line 94:
{{#if:{{{header9|}}}|
{{#if:{{{header9|}}}|
|-
|-
! colspan="2" style="background:#e9f2f9; padding:0.3em; text-align:center;" | {{{header9}}}
! colspan="2" class="dxx-navbox-header" | {{{header9}}}
}}
}}
{{#if:{{{group9|}}}{{{list9|}}}|
{{#if:{{{group9|}}}{{{list9|}}}|
|-
|-
! style="background:#eef5fb; padding:0.3em; text-align:right; vertical-align:top;" | {{{group9}}}
! class="dxx-navbox-group" | {{{group9}}}
| style="padding:0.3em; text-align:left;" | {{{list9}}}
| class="dxx-navbox-list" | {{{list9}}}
}}
}}


Line 105: Line 105:
{{#if:{{{header10|}}}|
{{#if:{{{header10|}}}|
|-
|-
! colspan="2" style="background:#e9f2f9; padding:0.3em; text-align:center;" | {{{header10}}}
! colspan="2" class="dxx-navbox-header" | {{{header10}}}
}}
}}
{{#if:{{{group10|}}}{{{list10|}}}|
{{#if:{{{group10|}}}{{{list10|}}}|
|-
|-
! style="background:#eef5fb; padding:0.3em; text-align:right; vertical-align:top;" | {{{group10}}}
! class="dxx-navbox-group" | {{{group10}}}
| style="padding:0.3em; text-align:left;" | {{{list10}}}
| class="dxx-navbox-list" | {{{list10}}}
}}
}}


Line 118: Line 118:
<noinclude>
<noinclude>
Generic navbox meta-template used to build navigation boxes.
Generic navbox meta-template used to build navigation boxes.
Parameters:
* <code>title</code>  – navbox title (high-level category)
* <code>headerN</code> – full-width mid-level headings
* <code>groupN</code>  – left column labels
* <code>listN</code>  – right column contents
Up to 10 header/group/list blocks are supported by default.
You can extend this template by copy-pasting the "BLOCK" pattern for higher N if needed.
Example:
<pre>
{{Navbox
|title  = Items
|header1 = Base Items
|group1  = Weapons
|list1  = *[[Sword]] *[[Axe]]
|group2  = Armor
|list2  = *[[Leather Armor]] *[[Chain Mail]]
}}
</pre>
Requires the ParserFunctions extension for <code>{{#if:}}</code>.


[[Category:Navbox templates]]
[[Category:Navbox templates]]
</noinclude>
</noinclude>

Revision as of 22:20, 30 November 2025


Generic navbox meta-template used to build navigation boxes.

Retrieved from "https://wiki.devilutionx.com/w/index.php?title=Template:Navbox&oldid=55"