Happy 2nd Anniversary! Check out the Character Models page for the new faces & hairstyles, available via the brand new Barbershop!
Please help to contribute towards the Anniversary 2024 page!
Tagging Out of Era Content
This page describes how to tag OOE (Out of Era) content when editing or creating pages. The system will ensure that as much content as possible is tagged in a way that allows us to hide OOE expansion content as long as it is not implemented in Horizon and reveal it with as little extra effort as possible once Horizon includes the corresponding expansion. We are also aware that there will be the need in some instances to hide certain content when expansions are released. The method to achieve this is also covered in this article.
At the top of this article you will find a run through of exactly how to hide different types of content. Next you will find out how to tag content to be hidden at a later date. Finally you will find a conclusive list of all the CSS classes available and their corresponding content.
Different Methods of Hiding Content
Plain Text
The simplest method of hiding out of era plain text is to use <span>.
Example 1:
RoTZ content CoP content <span class="toau">ToAU content</span>
In this example, any "ToAU content" contained within the <span> will be hidden on the page, resulting in:
RoTZ content
CoP content
ToAU content
Tables
To hide content within tables or to hide the table itself, you can simply add the corresponding class. For a list of all classes available, see the list of classes available below.
Example 1:
None ToAU content
{| class="toau" "table formatting"
! Header
|-
| Content
|}
None ToAU content
By adding the "toau" class to the entire table, it will be hidden entirely on the page, resulting in:
None ToAU content None ToAU content
Example 2:
None ToAU content
{| "table formatting"
! Header
|-
| CoP Content
|- class="toau"
| ToAU content
|-
| RotZ Content
|}
Other content
By adding the class directly to a table row, we can hide just that row, resulting in:
None ToAU content
Other content |
Headings
It's not uncommon to come across pages with a heading and an entire section of text that needs to be hidden. Generally the simplest method of achieving this is by using a <div>.
Example 1:
<div class="moggarden"> ==Mog Garden== * [[Flotsam]]</div>
Example 2:
<div class="tenshodocoffer">
===Tenshodo Coffer===
{| class="tenshodo coffer classes"
|-
! Key
! Mission
|-
| align="center" | {{KeyItem}}[[Crimson Key]]
| Trade [[Seedspall Lux]], [[Seedspall Luna]], and [[Seedspall Astrum]] to [[Squintrox Dryeyes]]
|-
| align="center" | {{KeyItem}}[[Moogle key]]
| Trade an enfeeblement kit to [[Squintrox Dryeyes]]
|}</div>
Lists
Lists are a bit special since mediawiki uses automatic list formatting when it encounters an asterisk (*) at the start of a new line. To hook into that formatting, we need to manually use html list elements <li>.
Example 1:
Assuming you want to hide Item 2 in the following list until Seekers of Adoulin is released:
|
You need to use the following syntax:
|
*Item 1<li class="soa">Item 2</li> |
For the following effect:
|
It is important to place the content in the <li> element on the same line as the previous item.
Example 2:
Optional: Since this makes the editing look awkward, you can use html comments to effectively comment out a linebreak, thus make it look cleaner in the editor without having any effect on the rendered output:
|
*Item 1<!-- |
This works just as well as putting Item 2 in the same line as Item 1.
Within Templates
As a wiki we use a considerable amount of templates. Mediawiki doesn't always like our editors trying to hide content but it does work, as long as the editor is aware of a couple of little nuances. First of all, using a <span>:
Example 1
{{Item Statistics
| spell type, name etc = x,y,z
| level3 = 5<span class="wotg">
| job4 = SCH
| level4 = 5</span>
| rest of template
}}
We can use a span on an template parameter (any line beginning with a | ). If you take notice, the <span> must begin at the end of the content on the line above the parameter you want to hide. In the example we are hiding all 'SCH' information so we start at the end of the line above and we end our </span> at the end of the last line of content we wish to hide. This results in:
| Before: |
|
| After: |
|
Example 2
{{Infobox Magic
| spell name, icon, mp cost etc etc = x,y,z
| jobs = *[[White Mage]] Lv. 1
*[[Red Mage]] Lv. 3
*[[Paladin]] Lv. 5<li class="wotg">[[Scholar]] Lv. 5</li>
| rest of template
}}
In this next example we are hiding a list within a template. Lists behave strangley inside of templates so again we need to use replace our * with a <li> instead of a <li> and it must be on the same line as the previous item, just like our earlier example in the "lists" section. The closing </li> comes at the end of the line being hidden.
| Before: |
|
| After: |
|
Example 3
In our third example, we are hiding multiple entries within a list. We wrap each entry into "<li>"..."</li>" which labels it as list element. The each entry needs to be started in the same way as in example two, with the "<li>" starting at the end of the previous line (after the closing "</li>" of the previous element). Note: While mediawiki detects a missing closing "</li>" during page creation and often closes it automatically, we found that this can lead to increased memory usage of the page.
{{Infobox Magic
| spell name, icon, mp cost etc etc = x,y,z
| jobs = *[[White Mage]] Lv. 1
*[[Red Mage]] Lv. 3
*[[Paladin]] Lv. 5<li class="wotg">[[Scholar]] Lv. 5
</li><li class="soa">[[Rune Fencer]]</li>
| rest of template
}}
Pre-emptively Hiding
Sometimes we come across content that needs to be visible at present but will need to be hidden at a later date. To do this, you can use any of the methods explained in this section but use a slightly altered class name.
Example 1:
In this example we have a merchant who upon the release of the expansion Wings of the Goddess, will no longer sell the scroll of Barblindra.
===Sells:===
{| class="npc-table horizon-table table-sm sortable"
! Items:
! Prices:
|-
|Scroll of [[Barpoison]]
|400
|- class="wotglive"
|Scroll of [[Barblindra]]
|2,030
|-
|Scroll of [[Baraera]]
|930
|}
As can be seen, we have used the class "wotglive". Prior to the expansion release, this is nothing more than a placeholder class and as such, has no effect. Once the expansion is released, a slight change to the wiki's CSS will hide any content that is using this class, including the table row in our example. Editors must make sure they add live to their class otherwise they will hide the content immediately.
This technique can be used for all classes listed in the tables below. For example:
- class="toaulive"
- class="synergylive"
- class="annmlive"
Troubleshooting
Lists
If you are having any issues with <li> and bullet points not showing up as expected, try wrapping your entire list in <ul> eg:
<ul><li>content</li><ul/>
Last Resort
Unfortunately mediawiki doesn't make it easy for us to achieve what we are trying to do. It is likely at some point you will come across some content that just can not or will not hide. In these instances, we have a fallback. In these instances, you can use html comments:
<!-- content -->
To hide the content add any one of {{toau}}, {{wotg}} or {{soa}} to the bottom of a page to be tagged for manual checking. For any content that released after Seekers of Adoulin, please use {{afterera}} and finally, any content that doesn't fall within any of these tags, please use {{noera}} instead.
In Summary
Using toau as example here:
- Use <span class="toau">content</span> on content you want to hide until toau comes around.
- To hide rows in tables, put class="toau" directly into the row. You do not need the <span>...</span> html elements. Does not work for multicolumn formatted rows.
- To hide elements in a list, remove the asterisk (*), wrap the list element into <li class="toau">...</li> and place them right after the previous element (not on a new line)
The Classes
Further examples will be added to these tables over time.
Treasures of Aht Urghan Content
| class | usage | description | example code |
|---|---|---|---|
| toau | class="toau" | Used to hide any "Treasures of Aht Urghan" content that doesn't fall under a sub-class. | 28. | jobs = 29. <div class="toau"> 30. * [[Scholar]] Lv. 42</div> |
| besieged | class="besieged" | Used to hide any "Besieged" content. | 12. ==How to Obtain== 13. <div class="besieged">===Besieged=== 14. *{{temp|nc}} Obtained if [[Chayaya]] is in Al Zahbi at the start of a [[Besieged]].</div> |
| isnm | class="isnm" | Used to hide any "Imperial Standing Notorious Monster" content. | 44. ==How to Obtain== 45. <div class="isnm">===ISNM=== 46. {| table formating and data 47. |}</div> |
| raising | class="raising" | Used to hide any "Chocobo Raising" content. | 14. | involved in quests = *[[Chocobo on the Loose!]] 15. <div class="raising"> 16. *[[Obtaining your Chocobo Whistle]]</div> |
| salvage | class="salvage" | Used to hide any "Salvage" content. | 23. <span class="salvage">'''How to turn in your Salvage level 15/25/35 pieces:''' 24. 1) talk to Ghanraam and choose an armor set. 25. 2) trade the 15/25/35 pieces. 26. 3) trade the crafted item and coins.</span> |
| hotandcold | class="hotandcold" | Used to hide any "Chocobo Hot and Cold" content. | |
| nyzul | class="nyzul" | Used to hide any "Nyzul Isle Investigation" content. | |
| racing | class="racing" | Used to hide any "Chocobo Racing" content. | |
| pankration | class="pankration" | Used to hide any "Pankration" content. | |
| mythic | class="mythic" | Used to hide any "Mythic Weapon" content. |
Assault
Assault content is likely to be released in stages and by assault rank. As such we have the main class and sub classes for each assault rank as described below.
| class | usage | description | example code |
|---|---|---|---|
| assault | class="assault" | Used to hide any "Assault" content that doesn't fall under an assault rank sub-class. | |
| assault-psc | class="assault-psc" | Used to hide any "Assault" content under the "Private Second Class" assault rank. | |
| assault-pfc | class="assault-pfc" | Used to hide any "Assault" content under the "Private First Class" assault rank. | |
| assault-sp | class="assault-sp" | Used to hide any "Assault" content under the "Superior Private" assault rank. | |
| assault-lc | class="assault-lc" | Used to hide any "Assault" content under the "Lance Corporal" assault rank. | |
| assault-c | class="assault-c" | Used to hide any "Assault" content under the "Corporal" assault rank. | |
| assault-s | class="assault-s" | Used to hide any "Assault" content under the "Sergeant" assault rank. | |
| assault-sm | class="assault-sm" | Used to hide any "Assault" content under the "Sergeant Major" assault rank. | |
| assault-cs | class="assault-cs" | Used to hide any "Assault" content under the "Chief Sergeant" assault rank. | |
| assault-sl | class="assault-sl" | Used to hide any "Assault" content under the "Second Lieutenant" assault rank. | |
| assault-fl | class="assault-fl" | Used to hide any "Assault" content under the "First Lieutenant" assault rank. |
Zeni Notorious Monsters (ZNM)
ZNM content is likely to be released in stages and by assault rank. As such we have the main class and sub classes for each assault rank as described below.
| class | usage | description | example code |
|---|---|---|---|
| znm | class="znm" | Used to hide any "ZNM" content that doesn't fall under a ZNM rank sub-class. | |
| znm-tier1 | class="znm-tier1" | Used to hide any "Tier 1 ZNM" content that doesn't fall under a ZNM rank sub-class. | |
| znm-tier2 | class="znm-tier2" | Used to hide any "Tier 2 ZNM" content that doesn't fall under a ZNM rank sub-class. | |
| znm-tier3 | class="znm-tier3" | Used to hide any "Tier 3 ZNM" content that doesn't fall under a ZNM rank sub-class. | |
| znm-tier4 | class="znm-tier4" | Used to hide any "Tier 4 ZNM" content that doesn't fall under a ZNM rank sub-class. |
Einherjar
Einherjar content is likely to be released in stages too. As such we have the main class and sub classes for each einherjar wing as described below.
| class | usage | description | example code |
|---|---|---|---|
| einherjar | class="einherjar" | Used to hide any "Einherjar" content that doesn't fall under an Einherjar Wing sub-class. | |
| einherjar-wingi | class="einherjar-wingi" | Used to hide any "Einherjar" content of Einherjar Wing I. | |
| einherjar-wingii | class="einherjar-wingii" | Used to hide any "Einherjar" content of Einherjar Wing II. | |
| einherjar-wingiii | class="einherjar-wingiii" | Used to hide any "Einherjar" content of Einherjar Wing III. | |
| einherjar-odin | class="einherjar-odin" | Used to hide any "Einherjar" content of Odin's Wing . |
Wings of the Goddess Content
| class | usage | description | example code |
|---|---|---|---|
| wotg | class="wotg" | Used to hide any "Wings of the Goddess" content that doesn't fall under a sub-class. | |
| campaign | class="campaign" | Used to hide any "Campaign" content. | |
| ops OR c-ops |
class="ops" OR class="c-ops" |
Used to hide any "Campaign Ops" content. | |
| scnm | class="scnm" | Used to hide any "Sealed Container Notorious Monster" content. | |
| annm | class="annm" | Used to hide any "Allied Notes Notorious Monster" content. |
Seekers of Adoulin
| class | usage | description | example code |
|---|---|---|---|
| soa | class="soa" | Used to hide any "Seekers of Adoulin" content that doesn't fall under a sub-class. | |
| moggarden | class="moggarden" | Used to hide any "Mog Garden" related. |
Add-on Scenarios
| class | usage | description | example code |
|---|---|---|---|
| acrystallineprophecy OR acp |
class="acrystallineprophecy" OR class="acp" |
Used to hide any "A Crystalline Prophecy" content that doesn't fall under a sub-class. | |
| amooglekupodetat OR amkd |
class="amooglekupodetat" OR class="amkd" |
Used to hide any "A Moogle Kupo d'Etat" content that doesn't fall under a sub-class. | |
| ashantottoascension OR asa |
class="ashantottoascension" OR class="asa" |
Used to hide any "A Shantotto Ascension" content that doesn't fall under a sub-class. | |
| rhapsodiesofvanadiel OR rov |
class="rhapsodiesofvanadiel" OR class="rov" |
Used to hide any "Rhapsodies of Vana'diel" content that doesn't fall under a sub-class. | |
| thevoraciousresurgence OR tvr |
class="thevoraciousresurgence" OR class="tvr" |
Used to hide any "The Voracious Resurgence" content that doesn't fall under a sub-class. |
No Associated Expansion
| class | usage | description | example code |
|---|---|---|---|
| casket OR treasurecasket |
class="casket" OR class="treasurecasketcasket" |
Used to hide any "Treasure Casket" related content. | |
| mmm | class="mmm" | Used to hide any "Moblin Maze Mongers" content. | |
| augment | class="augment" | Used to hide any "Augment" related content. | |
| tenshodocoffer | class="tenshodocoffer" | Used to hide any "Tenshodo Coffer" related content. | |
| fov OR fieldsofvalor |
class="fov" OR class="fieldsofvalor" |
Used to hide any "Fields of Valor" content. | |
| synergy | class="synergy" | Used to hide any "Synergy" related content. | |
| dominion | class="dominion" | Used to hide any "Dominion Ops" content. | |
| gov OR groundsofvalor |
class="gov" OR class="groundsofvalor" |
Used to hide any "Ground of Valor" content. | |
| abyssea | class="abyssea" | Used to hide any "Abyssea" related content. | |
| vnm | class="vnm" | Used to hide any "Voidwalker Notorious Monster (VNM)" related content. | |
| voidwatch | class="voidwatch" | Used to hide any "Voidwatch" related content. | |
| walkofechoes | class="walkofechoes" | Used to hide any "Walk of Echoes" related content. | |
| unity | class="unity" | Used to hide any "Unity" related content. | |
| portermoogle | class="portermoogle" | Used to hide any "Porter Moogle" related content. | |
| magiantrials | class="magiantrials" | Used to hide any "Magian Trials" related content. | |
| reforgedrelic | class="reforgedrelic" | Used to hide any "Reforged Relic Armor" related content. | |
| reforgedartifact | class="reforgedartifact" | Used to hide any "Reforged Artifact Armor" related content. | |
| reforgedempyrean | class="reforgedempyrean" | Used to hide any "Reforged Empyrean Armor" related content. | |
| recordsofeminence OR roe |
class="recordsofeminence" OR class="roe" |
Used to hide any "Records of Eminence" related content. | |
| sparksofeminence OR soe |
class="sparksofeminence" OR class="soe" |
Used to hide any "Sparks of Eminence" rewards, awarded via Records of Eminence related content. | |
| ambuscade | class="ambuscade" | Used to hide any "Ambuscade" related content. | |
| empyrean | class="empyrean" | Used to hide any "Empyrean" related content. | |
| evolith | class="evolith" | Used to hide any "Evolith" related content. Is in use on the Item Statistics|item statistics template to hide this content by default. |
In-era Missing Content
| Class | Usage | Description | Example Code/Page |
|---|---|---|---|
| Adventuring Fellow |
|
Used to hide any "Adventuring Fellow" content. | 14. | starts quests = 15. <ul><li class="fellow">[[Mixed Signals]] (FQ cap65) </li></ul> 16. | involved in missions = |
| Mog Safe 2 | class="mogsafetwo" | Used to hide any "Mog Safe 2" content. | 7. <span class="mogsafetwo">Each expansion also applies to [[Mog Safe 2]].</span> |
| Mog Sack | class="mogsack" | Used to hide any "Mog Sack" content. | 10. <li class="mogsack"> [[Mog Sack]] </li> |
| Mog Case | class="mogcase" | Used to hide any "Mog Case" content. | 11. <li class="mogcase> [[Mog Case]] </li></ul> |
| Ballista | class="ballista" | Used to hide any "Ballista" content. | 10. <ul><li class="ballista">In [[Ballista]] this ability temporarily makes you the opponent's target and prevents them from switching targets (which also prevents the opponent from using any self-cast abilities or spells).</li> |
| Brenner | class="brenner" | Used to hide any "Brenner" content. | |
| Group Two Merits | class="grouptwomerits" | Used to hide any "Group 2 Merits". | |
| Absolute Virtue | class="absolutevirtue" | Used to hide any "Absolute Virtue" content. | Raphael's Rod |
| Expeditionary Force | class="expeditionaryforce" | Used to hide any "Expeditionary Force" content |
Detailed Examples
Item Statistics for Scrolls
Open the <span> in the previous line and close it right after the content you want to hide.
{{Item Statistics
| type = Scroll
| name = Scroll of Fire
| icon id = 4752
| jobs = BLM
| level = 13
| job2 = RDM
| level2 = 19
| job3 = DRK
| level3 = 23<span class="wotg">
| job4 = SCH
| level4 = 16</span><span class="soa">
| job5 = GEO
| level5 = 19</span>
| description = Teaches the black magic Fire<br>Deals fire damage to an enemy.
| notes = <span class="toau">Puppetmaster Automatons only cast this spell when equipped with a [[Stormwaker Head]] or [[Spiritreaver Head]].</span>
}}
Outputs:
Infobox Magic
Use <div> instead of <span>. Open the div in its own line, close the div after the content you want to hide. See this example:
| Type | Elemental |
|---|---|
| Description | Deals Fire damage to an enemy. |
| Cost | 24 MP |
| Element | 
|
| Magic Burst |  Liquefaction Fusion Light
|
| Jobs |
|
| Casting Time | 2 seconds |
| Recast Time | 10 seconds |
| Affected Targets | Single |
{{Infobox Magic
| spell name = Fire
| spell type = Elemental
| description = Deals '''[[Fire|{{Fire|Fire}}]]''' damage to an enemy.
| mp = 24
| element = Fire
| icon = fire
| jobs =
*[[Black Mage]] Lv. 13
*[[Red Mage]] Lv. 19
*[[Dark Knight]] Lv. 23
<div class="wotg">
*[[Scholar]] Lv. 42</div>
<div class="soa">
*[[Geomancer]] Lv. 19</div>
<div class="toau">
*Magic Skill 60 [[Automaton]]</div>
| blm = 13
| rdm = 19
| drk = 23
| sch = 42
| geo = 19
| aut = 60
| casting time = 2
| recast time = 10
| affected targets = single
}}
Synthesis Recipes
Comment out the respective recipe. Note that this approach leaves a small blank space where the recipe would be rendered.
| Syntax | Effect |
|---|---|
{{Synthesis Recipes
| recipe 1 =
{{Synthesis Recipe
| craft = Goldsmithing
| cap = 9
| result = Brass Ingot
| crystal = Fire
| ingredient = Copper Ore
| ingredient quantity = 3
| ingredient 2 = Zinc Ore
}}
| recipe 2 =
{{Synthesis Recipe
| craft = Goldsmithing
| cap = 10
| result = Brass Ingot
| crystal = Fire
| ingredient = Brass Nugget
| ingredient quantity = 6
| ingredient 2 = Zinc Ore
}}
| recipe 3 =<span class="wotg">
{{Synthesis Recipe
| craft = Goldsmithing
| cap = 40
| result = Brass Ingot
| hq result = Mythril Ingot
| hq 2 result = Silver Ingot
| hq 3 result = Gold Ingot
| crystal = Light
| ingredient = Decayed Ingot
}}</span>
| recipe 4 =<span class="wotg">
{{Synthesis Recipe
| craft = Goldsmithing
| cap = 10
| result = Brass Ingot
| crystal = Fire
| ingredient = Goldsmithing Kit 10
}}</span>
| recipe 5 =<span class="wotg">
{{Synthesis Recipe
| craft = Synergy
| cap = Apprentice
| subcraft = Goldsmithing
| subcraft cap = Apprentice
| wind = 35
| light = 55
| result = Brass Ingot
| hq result = Silver Ingot
| hq 2 result = Mythril Ingot
| ingredient = Decayed Ingot
}}</span>
}} |
Goldsmithing (40)
Goldsmithing (10)
Synergy (41-50)
|
Turning Content On/Off
The master switch, so to speak, to hide/unhide any and all content lies within the wiki's CSS, which can be found here. Only wiki users with the role "Interface Administrator" or "Administrator" has the ability to make changes to this page. A list of members with these roles can be found via this page.
To hide a class to hide content, simply add this line to the css, where classname can be whatever the editor chooses.
.classname {display: none;}
When an expansion is released or a particular class needs to be hidden/unhidden, the following change to the CSS needs to be made. In our example, the Wings of the Goddess expansion has been released:
.toau {display: none;}
.wotg {display: none;}
.soa {display: none;}
becomes
.toau {display: none;}
.wotglive {display: none;}
.soa {display: none;}
By doing so, the editor will "unhide all previously out of era wotg" content but also hide any content that changed with the expansion too.
