Template:Navbox: Difference between revisions
From HorizonXI Wiki
(testing replacing the lua navbox with a mediawiki native navbox design) |
(added css classes option per row) |
||
| Line 3: | Line 3: | ||
|- | |- | ||
! colspan="3" | <span class="navbox-vde plainlinks">[https://horizonffxi.wiki/Template:{{{template}}} v] • [https://horizonffxi.wiki/Template:{{{template}}}?action=edit e]</span>{{{title}}} | ! colspan="3" | <span class="navbox-vde plainlinks">[https://horizonffxi.wiki/Template:{{{template}}} v] • [https://horizonffxi.wiki/Template:{{{template}}}?action=edit e]</span>{{{title}}} | ||
|- | |- {{#if:{{{cssclasses1|}}}|class="{{{cssclasses1}}}"}} | ||
! width=100px style="text-align: right; padding-right: 8px; padding-left: 8px;" | {{{group1}}} | ! width=100px style="text-align: right; padding-right: 8px; padding-left: 8px;" | {{{group1}}} | ||
| | | | ||
| Line 9: | Line 9: | ||
{{#if: {{{group2|}}}{{{list2|}}}| | {{#if: {{{group2|}}}{{{list2|}}}| | ||
<nowiki> </nowiki> | <nowiki> </nowiki> | ||
{{!}}- | {{!}}- {{#if:{{{cssclasses2|}}}|class="{{{cssclasses2}}}"}} | ||
! style="text-align: right; padding-right: 8px; padding-left: 8px;" {{!}} {{{group2}}} | ! style="text-align: right; padding-right: 8px; padding-left: 8px;" {{!}} {{{group2}}} | ||
{{!}} | {{!}} | ||
| Line 16: | Line 16: | ||
-->{{#if: {{{group3|}}}{{{list3|}}}| | -->{{#if: {{{group3|}}}{{{list3|}}}| | ||
<nowiki> </nowiki> | <nowiki> </nowiki> | ||
{{!}}- | {{!}}- {{#if:{{{cssclasses3|}}}|class="{{{cssclasses3}}}"}} | ||
! style="text-align: right; padding-right: 8px; padding-left: 8px;" {{!}} {{{group3}}} | ! style="text-align: right; padding-right: 8px; padding-left: 8px;" {{!}} {{{group3}}} | ||
{{!}} | {{!}} | ||
| Line 23: | Line 23: | ||
-->{{#if: {{{group4|}}}{{{list4|}}}| | -->{{#if: {{{group4|}}}{{{list4|}}}| | ||
<nowiki> </nowiki> | <nowiki> </nowiki> | ||
{{!}}- | {{!}}- {{#if:{{{cssclasses4|}}}|class="{{{cssclasses4}}}"}} | ||
! style="text-align: right; padding-right: 8px; padding-left: 8px;" {{!}} {{{group4}}} | ! style="text-align: right; padding-right: 8px; padding-left: 8px;" {{!}} {{{group4}}} | ||
{{!}} | {{!}} | ||
| Line 30: | Line 30: | ||
-->{{#if: {{{group5|}}}{{{list5|}}}| | -->{{#if: {{{group5|}}}{{{list5|}}}| | ||
<nowiki> </nowiki> | <nowiki> </nowiki> | ||
{{!}}- | {{!}}- {{#if:{{{cssclasses5|}}}|class="{{{cssclasses5}}}"}} | ||
! style="text-align: right; padding-right: 8px; padding-left: 8px;" {{!}} {{{group5}}} | ! style="text-align: right; padding-right: 8px; padding-left: 8px;" {{!}} {{{group5}}} | ||
{{!}} | {{!}} | ||
| Line 37: | Line 37: | ||
-->{{#if: {{{group6|}}}{{{list6|}}}| | -->{{#if: {{{group6|}}}{{{list6|}}}| | ||
<nowiki> </nowiki> | <nowiki> </nowiki> | ||
{{!}}- | {{!}}- {{#if:{{{cssclasses6|}}}|class="{{{cssclasses6}}}"}} | ||
! style="text-align: right; padding-right: 8px; padding-left: 8px;" {{!}} {{{group6}}} | ! style="text-align: right; padding-right: 8px; padding-left: 8px;" {{!}} {{{group6}}} | ||
{{!}} | {{!}} | ||
| Line 44: | Line 44: | ||
-->{{#if: {{{group7|}}}{{{list7|}}}| | -->{{#if: {{{group7|}}}{{{list7|}}}| | ||
<nowiki> </nowiki> | <nowiki> </nowiki> | ||
{{!}}- | {{!}}- {{#if:{{{cssclasses7|}}}|class="{{{cssclasses7}}}"}} | ||
! style="text-align: right; padding-right: 8px; padding-left: 8px;" {{!}} {{{group7}}} | ! style="text-align: right; padding-right: 8px; padding-left: 8px;" {{!}} {{{group7}}} | ||
{{!}} | {{!}} | ||
| Line 51: | Line 51: | ||
-->{{#if: {{{group8|}}}{{{list8|}}}| | -->{{#if: {{{group8|}}}{{{list8|}}}| | ||
<nowiki> </nowiki> | <nowiki> </nowiki> | ||
{{!}}- | {{!}}- {{#if:{{{cssclasses8|}}}|class="{{{cssclasses8}}}"}} | ||
! style="text-align: right; padding-right: 8px; padding-left: 8px;" {{!}} {{{group8}}} | ! style="text-align: right; padding-right: 8px; padding-left: 8px;" {{!}} {{{group8}}} | ||
{{!}} | {{!}} | ||
| Line 58: | Line 58: | ||
-->{{#if: {{{group9|}}}{{{list9|}}}| | -->{{#if: {{{group9|}}}{{{list9|}}}| | ||
<nowiki> </nowiki> | <nowiki> </nowiki> | ||
{{!}}- | {{!}}- {{#if:{{{cssclasses9|}}}|class="{{{cssclasses9}}}"}} | ||
! style="text-align: right; padding-right: 8px; padding-left: 8px;" {{!}} {{{group9}}} | ! style="text-align: right; padding-right: 8px; padding-left: 8px;" {{!}} {{{group9}}} | ||
{{!}} | {{!}} | ||
| Line 65: | Line 65: | ||
-->{{#if: {{{group10|}}}{{{list10|}}}| | -->{{#if: {{{group10|}}}{{{list10|}}}| | ||
<nowiki> </nowiki> | <nowiki> </nowiki> | ||
{{!}}- | {{!}}- {{#if:{{{cssclasses10|}}}|class="{{{cssclasses10}}}"}} | ||
! style="text-align: right; padding-right: 8px; padding-left: 8px;" {{!}} {{{group10}}} | ! style="text-align: right; padding-right: 8px; padding-left: 8px;" {{!}} {{{group10}}} | ||
{{!}} | {{!}} | ||
| Line 72: | Line 72: | ||
-->{{#if: {{{group11|}}}{{{list11|}}}| | -->{{#if: {{{group11|}}}{{{list11|}}}| | ||
<nowiki> </nowiki> | <nowiki> </nowiki> | ||
{{!}}- | {{!}}- {{#if:{{{cssclasses11|}}}|class="{{{cssclasses11}}}"}} | ||
! style="text-align: right; padding-right: 8px; padding-left: 8px;" {{!}} {{{group11}}} | ! style="text-align: right; padding-right: 8px; padding-left: 8px;" {{!}} {{{group11}}} | ||
{{!}} | {{!}} | ||
| Line 79: | Line 79: | ||
-->{{#if: {{{group12|}}}{{{list12|}}}| | -->{{#if: {{{group12|}}}{{{list12|}}}| | ||
<nowiki> </nowiki> | <nowiki> </nowiki> | ||
{{!}}- | {{!}}- {{#if:{{{cssclasses12|}}}|class="{{{cssclasses12}}}"}} | ||
! style="text-align: right; padding-right: 8px; padding-left: 8px;" {{!}} {{{group12}}} | ! style="text-align: right; padding-right: 8px; padding-left: 8px;" {{!}} {{{group12}}} | ||
{{!}} | {{!}} | ||
| Line 86: | Line 86: | ||
-->{{#if: {{{group13|}}}{{{list13|}}}| | -->{{#if: {{{group13|}}}{{{list13|}}}| | ||
<nowiki> </nowiki> | <nowiki> </nowiki> | ||
{{!}}- | {{!}}- {{#if:{{{cssclasses13|}}}|class="{{{cssclasses13}}}"}} | ||
! style="text-align: right; padding-right: 8px; padding-left: 8px;" {{!}} {{{group13}}} | ! style="text-align: right; padding-right: 8px; padding-left: 8px;" {{!}} {{{group13}}} | ||
{{!}} | {{!}} | ||
| Line 93: | Line 93: | ||
-->{{#if: {{{group14|}}}{{{list14|}}}| | -->{{#if: {{{group14|}}}{{{list14|}}}| | ||
<nowiki> </nowiki> | <nowiki> </nowiki> | ||
{{!}}- | {{!}}- {{#if:{{{cssclasses14|}}}|class="{{{cssclasses14}}}"}} | ||
! style="text-align: right; padding-right: 8px; padding-left: 8px;" {{!}} {{{group14}}} | ! style="text-align: right; padding-right: 8px; padding-left: 8px;" {{!}} {{{group14}}} | ||
{{!}} | {{!}} | ||
| Line 100: | Line 100: | ||
-->{{#if: {{{group15|}}}{{{list15|}}}| | -->{{#if: {{{group15|}}}{{{list15|}}}| | ||
<nowiki> </nowiki> | <nowiki> </nowiki> | ||
{{!}}- | {{!}}- {{#if:{{{cssclasses15|}}}|class="{{{cssclasses15}}}"}} | ||
! style="text-align: right; padding-right: 8px; padding-left: 8px;" {{!}} {{{group15}}} | ! style="text-align: right; padding-right: 8px; padding-left: 8px;" {{!}} {{{group15}}} | ||
{{!}} | {{!}} | ||
| Line 107: | Line 107: | ||
-->{{#if: {{{group16|}}}{{{list16|}}}| | -->{{#if: {{{group16|}}}{{{list16|}}}| | ||
<nowiki> </nowiki> | <nowiki> </nowiki> | ||
{{!}}- | {{!}}- {{#if:{{{cssclasses16|}}}|class="{{{cssclasses16}}}"}} | ||
! style="text-align: right; padding-right: 8px; padding-left: 8px;" {{!}} {{{group16}}} | ! style="text-align: right; padding-right: 8px; padding-left: 8px;" {{!}} {{{group16}}} | ||
{{!}} | {{!}} | ||
| Line 125: | Line 125: | ||
| group1 = | | group1 = | ||
| list1 = | | list1 = | ||
| cssclasses1 = | |||
. | . | ||
. | . | ||
| Line 134: | Line 135: | ||
*'''cssclasses:''' css classes on the box. (Mainly used for colors. ''Note: the box is a html table, therefore classes that assign colors to table elements is necessary'') | *'''cssclasses:''' css classes on the box. (Mainly used for colors. ''Note: the box is a html table, therefore classes that assign colors to table elements is necessary'') | ||
*'''group1:''' header of group 1 | *'''group1:''' header of group 1 | ||
*'''list1:''' elements of group 1, preferably as a list. <br/>Use '''group2'''...'''group16''' with '''list2'''... '''list16''' for up to 16 entries. | *'''list1:''' elements of group 1, preferably as a list. | ||
*'''cssclasses1:''' Optional: css classes specifically on the row of group1/list1. (Mainly used for hiding ooe content with the appropriate classes, but can also be used in special cases for e.g. coloring.)<br/>Use '''group2'''...'''group16''' with '''list2'''... '''list16''' and '''cssclasses2'''... '''cssclasses16''' for up to 16 entries. | |||
===Examples=== | ===Examples=== | ||
Revision as of 18:26, 14 July 2025
Documentation
{{Navbox
| title =
| template =
| cssclasses =
| group1 =
| list1 =
| cssclasses1 =
.
.
.
}}
- title: title of the navbox
- template: name of the template (for correct edit links on the box)
- cssclasses: css classes on the box. (Mainly used for colors. Note: the box is a html table, therefore classes that assign colors to table elements is necessary)
- group1: header of group 1
- list1: elements of group 1, preferably as a list.
- cssclasses1: Optional: css classes specifically on the row of group1/list1. (Mainly used for hiding ooe content with the appropriate classes, but can also be used in special cases for e.g. coloring.)
Use group2...group16 with list2... list16 and cssclasses2... cssclasses16 for up to 16 entries.
Examples
{{Navbox
| title = [[:Category:ENM|ENM Navigation]]
| template = Enms
| cssclasses = bcnm-table
| group1 = Level 30
| list1 =
* [[You Are What You Eat]]
* [[Simulant]]
* [[Playing Host]]
| group2 = Level 40
| list2 =
* [[Fire in the Sky]]
* [[Bad Seed]]
* [[Test Your Mite]]
| group3 = Level 50
| list3 =
* [[Bugard in the Clouds]]
* [[Beloved of the Atlantes]]
* [[Pulling the Plug]]
| group4 = Level 60
| list4 =
* [[Pulling the Strings]]
* [[Automaton Assault]]
| group5 = Level 75
| list5 =
* [[Like the Wind]]
* [[When Hell Freezes Over]]
* [[Sheep in Antlion's Clothing]]
* [[Brothers]]
* [[Follow the White Rabbit]]
* [[Holy Cow]]
* [[Bionic Bug]]
* [[Shell We Dance?]]
* [[Totentanz]]
}}
| ENM Navigation | ||
|---|---|---|
| Level 30 |
| |
| Level 40 |
| |
| Level 50 |
| |
| Level 60 |
| |
| Level 75 | ||
