How to Create a Table on Horizon Wiki: Difference between revisions
Potatoking90 (talk | contribs) No edit summary |
m (→Monster Tables) |
||
(9 intermediate revisions by the same user not shown) | |||
Line 37: | Line 37: | ||
== Table Style == | == Table Style == | ||
{| class="merchant-table horizon-table table-md" | {| class="merchant-table horizon-table table-md editing-table" | ||
! width="20%" | Class Name | ! width="20%" | Class Name | ||
! width="20%" | Example Pages | ! width="20%" | Example Pages | ||
Line 48: | Line 48: | ||
==Table Size == | ==Table Size == | ||
{| class="merchant-table horizon-table table-md" | {| class="merchant-table horizon-table table-md editing-table" | ||
! width="20%" | Class Name | ! width="20%" | Class Name | ||
! width="20%" | Example Pages | ! width="20%" | Example Pages | ||
Line 79: | Line 79: | ||
== Miscellaneous Features == | == Miscellaneous Features == | ||
{| class="merchant-table horizon-table table-md" | {| class="merchant-table horizon-table table-md editing-table" | ||
! width="20%" | Class Name | ! width="20%" | Class Name | ||
! width="20%" | Example Pages | ! width="20%" | Example Pages | ||
Line 87: | Line 87: | ||
| [[Melody Minstrel]] | | [[Melody Minstrel]] | ||
| Adds a sortable option to a table which then applies to all columns. | | Adds a sortable option to a table which then applies to all columns. | ||
|- | |||
| center-col-# | |||
| | |||
| Allows the editor to center align an entire column, without the need to apply the code to each individual cell. This can be applied for columns 1-8 eg " class="center-col-5" " for column 5. | |||
|} | |} | ||
= Table Colors = | |||
<!--merchant table is just a placeholder class until a better suited class has been added--> | <!--merchant table is just a placeholder class until a better suited class has been added--> | ||
== Mission Tables == | |||
{| class="merchant-table horizon-table table-md" | {| class="merchant-table horizon-table table-md editing-table" | ||
! width="20%" | Class Name | ! width="20%" | Class Name | ||
! width="20%" | Example Pages | ! width="20%" | Example Pages | ||
! width="60%" | Useage | ! width="60%" | Useage | ||
|- class="bastokmissions" | |- class="bastokmissions" | ||
! bastokmissions | |||
| [[:Category:Bastok Missions|Bastok Missions]] | | [[:Category:Bastok Missions|Bastok Missions]] | ||
|<ul><li>[[:Category:Bastok Missions|Bastok Missions]]</li><li>Any Bastok mission page</li><li>Any [[:Category:Areas|area]] page with an "Involved in Bastok Mission" section</li></ul> | |<ul><li>[[:Category:Bastok Missions|Bastok Missions]]</li><li>Any Bastok mission page</li><li>Any [[:Category:Areas|area]] page with an "Involved in Bastok Mission" section</li></ul> | ||
|- class="sandoriamissions" | |- class="sandoriamissions" | ||
! sandoriamissions | |||
| [[:Category:San d'Oria Missions|San d'Oria Missions]] | | [[:Category:San d'Oria Missions|San d'Oria Missions]] | ||
|<ul><li>[[:Category:San d'Oria Missions|San d'Oria Missions]]</li><li>Any San d'Oria mission page</li><li>Any [[:Category:Areas|area]] page with an "Involved in San d'Oria Mission" section</li></ul> | |<ul><li>[[:Category:San d'Oria Missions|San d'Oria Missions]]</li><li>Any San d'Oria mission page</li><li>Any [[:Category:Areas|area]] page with an "Involved in San d'Oria Mission" section</li></ul> | ||
|- class="windurstmissions" | |- class="windurstmissions" | ||
! windurstmissions | |||
| [[:Category:Windurst Missions|Windurst Missions]] | | [[:Category:Windurst Missions|Windurst Missions]] | ||
|<ul><li>[[:Category:Windurst Missions|Windurst Missions]]</li><li>Any Windurst mission page</li><li>Any [[:Category:Areas|area]] page with an "Involved in Windurst Mission" section</li></ul> | |<ul><li>[[:Category:Windurst Missions|Windurst Missions]]</li><li>Any Windurst mission page</li><li>Any [[:Category:Areas|area]] page with an "Involved in Windurst Mission" section</li></ul> | ||
|- class="rotzmissions" | |- class="rotzmissions" | ||
! rotzmissions | |||
| [[:Category:Rise of the Zilart Missions|Rise of the Zilart Missions]] | | [[:Category:Rise of the Zilart Missions|Rise of the Zilart Missions]] | ||
|<ul><li>[[:Category:Rise of the Zilart Missions|Rise of the Zilart Missions]]</li><li>Any Rise of the Zilart mission page</li><li>Any [[:Category:Areas|area]] page with an "Involved in Rise of the Zilart Mission" section</li></ul> | |<ul><li>[[:Category:Rise of the Zilart Missions|Rise of the Zilart Missions]]</li><li>Any Rise of the Zilart mission page</li><li>Any [[:Category:Areas|area]] page with an "Involved in Rise of the Zilart Mission" section</li></ul> | ||
|- class="copmissions" | |- class="copmissions" | ||
! copmissions | |||
| [[:Category:Chains of Promathia Missions|Chains of Promathia Missions]] | | [[:Category:Chains of Promathia Missions|Chains of Promathia Missions]] | ||
|<ul><li>[[:Category:Chains of Promathia Missions|Chains of Promathia Missions]]</li><li>Any Chains of Promathia mission page</li><li>Any [[:Category:Areas|area]] page with an "Involved in Chains of Promathia Mission" section</li></ul> | |<ul><li>[[:Category:Chains of Promathia Missions|Chains of Promathia Missions]]</li><li>Any Chains of Promathia mission page</li><li>Any [[:Category:Areas|area]] page with an "Involved in Chains of Promathia Mission" section</li></ul> | ||
|} | |} | ||
== Quest Tables == | |||
{| class="quest-table horizon-table table-md" | {| class="quest-table horizon-table table-md" | ||
! width="20%" | Class Name | ! width="20%" | Class Name | ||
Line 129: | Line 133: | ||
|} | |} | ||
=== HELM Tables | == Battlefield Tables == | ||
{| class="bcnm-table horizon-table table-md" | |||
! width="20%" | Class Name | |||
! width="20%" | Example Pages | |||
! width="60%" | Useage | |||
|- | |||
| bcnm-table,<br>ksnm-table<br>enm-table | |||
| <ul><li>[[:Category:BCNM]]</li> | |||
<li>[[Empress Hairpin]]</li><li>[[Onimaru]]</li></ul> | |||
|<ul><li>Main BCNM Category page.</li> | |||
<li>BCNM pages themselves</li> | |||
<li>Drops found via BCNM pages</li> | |||
<li>All of the above also applies to any KSNM and ENM. They currently share a class color but can be separated at a later date if editors decide it necessary.</li></ul> | |||
|} | |||
== HELM Tables == | |||
=== Harvesting === | |||
{| class="horizon-table table-md harvesting-table" | {| class="horizon-table table-md harvesting-table" | ||
! Class Name || Example Pages || Usage | ! Class Name || Example Pages || Usage | ||
Line 139: | Line 158: | ||
|} | |} | ||
=== Excavation === | |||
{| class="horizon-table table-md excavating-table" | {| class="horizon-table table-md excavating-table" | ||
! Class Name || Example Pages || Usage | ! Class Name || Example Pages || Usage | ||
Line 148: | Line 167: | ||
|} | |} | ||
=== Logging === | |||
{| class="horizon-table table-md logging-table" | {| class="horizon-table table-md logging-table" | ||
! Class Name || Example Pages || Usage | ! Class Name || Example Pages || Usage | ||
Line 157: | Line 176: | ||
|} | |} | ||
=== Mining === | |||
{| class="horizon-table table-md mining-table" | {| class="horizon-table table-md mining-table" | ||
! Class Name || Example Pages || Usage | ! Class Name || Example Pages || Usage | ||
Line 166: | Line 185: | ||
|} | |} | ||
=== Digging === | |||
{| class="digging-table horizon-table table-md" | {| class="digging-table horizon-table table-md" | ||
! width="20%" | Class Name | ! width="20%" | Class Name | ||
Line 177: | Line 196: | ||
|} | |} | ||
=== Gardening === | |||
{| class="horizon-table table-md gardening-table" | {| class="horizon-table table-md gardening-table" | ||
! Class Name || Example Pages || Usage | ! Class Name || Example Pages || Usage | ||
Line 186: | Line 205: | ||
|} | |} | ||
=== Clamming === | |||
{| class="horizon-table table-md clamming-table" | {| class="horizon-table table-md clamming-table" | ||
! Class Name || Example Pages || Usage | ! Class Name || Example Pages || Usage | ||
Line 195: | Line 214: | ||
|} | |} | ||
== NPC Tables == | |||
{| class="npc-table horizon-table table-md" | {| class="npc-table horizon-table table-md" | ||
! width="20%" | Class Name | ! width="20%" | Class Name | ||
Line 208: | Line 227: | ||
* The second is [[Melody Minstrel]] type NPCs. It's likely these pages will better suited to using their respective mission/quest colors. | * The second is [[Melody Minstrel]] type NPCs. It's likely these pages will better suited to using their respective mission/quest colors. | ||
== Monster Tables == | |||
=== Dropped By Sections === | |||
''I would suggest looking at the example pages and their code to see these classes in use.'' | ''I would suggest looking at the example pages and their code to see these classes in use.'' | ||
{| class="droppedby horizon-table table-md" | {| class="droppedby horizon-table table-md" | ||
Line 221: | Line 240: | ||
|} | |} | ||
=== Regular Monsters === | |||
{| class="mobs horizon-table table-md" | {| class="mobs horizon-table table-md" | ||
! width="20%" | Class Name | ! width="20%" | Class Name | ||
Line 231: | Line 250: | ||
| <ul><li>On individual "mob" pages.</li><li>All "[[:Category:Areas|Area]]" pages that contain an "Regular Monsters Found Here" section.</li></ul> | | <ul><li>On individual "mob" pages.</li><li>All "[[:Category:Areas|Area]]" pages that contain an "Regular Monsters Found Here" section.</li></ul> | ||
|} | |} | ||
=== Notorious Monsters === | |||
{| class="nms horizon-table table-md" | {| class="nms horizon-table table-md" | ||
! width="20%" | Class Name | ! width="20%" | Class Name | ||
Line 242: | Line 262: | ||
|} | |} | ||
=== Editor's Hub | === Mega Bosses === | ||
{| class="megaboss horizon-table table-md" | |||
! width="20%" | Class Name | |||
! width="20%" | Example Pages | |||
! width="60%" | Useage | |||
|- | |||
| megaboss | |||
| <ul><li>[[King Behemoth]]</li><li>[[Kirin]]</li></ul> | |||
| <ul><li>For use on any page that can be considered a "Mega Boss". Examples could be any HQ HNM, end of content bosses etc.</li></ul> | |||
|} | |||
== Treasure Chests/Coffers == | |||
{| class="treasurechest horizon-table table-md" | |||
! width="20%" | Class Name | |||
! width="20%" | Example Pages | |||
! width="60%" | Useage | |||
|- | |||
| treasurechest | |||
| <ul><li>[[Garlaige_Citadel#Other_Information|Garliage Citadel]]</li></ul> | |||
| <ul><li>Used on area pages.</li><li> For use on any item page that has a "obtained via treasure chest" table.</li></ul> | |||
|- | |||
| treasurecoffer | |||
| <ul><li>[[Garlaige_Citadel#Other_Information|Garliage Citadel]]</li></ul> | |||
| <ul><li>Used on area pages.</li><li> For use on any item page that has a "obtained via treasure coffer" table.</li></ul> | |||
|- | |||
|} | |||
== Editor's Hub == | |||
{| class="editing-table horizon-table table-md" | {| class="editing-table horizon-table table-md" | ||
! width="20%" | Class Name | ! width="20%" | Class Name | ||
Line 251: | Line 298: | ||
| <ul><li>This table!</li><li>[[Commonly Used Templates#Templates to Assist Editing|Commonly Used Templates]]</li></ul> | | <ul><li>This table!</li><li>[[Commonly Used Templates#Templates to Assist Editing|Commonly Used Templates]]</li></ul> | ||
| <ul><li>For use on any "Editor Hub" style pages.</li></ul> | | <ul><li>For use on any "Editor Hub" style pages.</li></ul> | ||
|} | |||
=== General Tables === | |||
{| class="editing-table horizon-table table-md" | |||
! width="20%" | Class Name | |||
! width="20%" | Example Pages | |||
! width="60%" | Useage | |||
|- | |||
| general-table | |||
|<ul><li>[[:Category:Terminology|Terminology]]</li></ul> | |||
|<ul><li> Where the editor feels it's necessary to add a table with general styling. Bear in mind that the coloring of this table may be changed but always intends on being a 'general' color ie. not blue for bastok, red for Sandy etc.</li></ul> | |||
|- | |||
|} | |||
=== Unique Tables === | |||
==== Auction House Navigation Tables ==== | |||
{| class="auction-house-navigation-table horizon-table table-md" | |||
! width="20%" | Class Name | |||
! width="20%" | Example Pages | |||
! width="60%" | Useage | |||
|- | |||
| style="color: white"; rowspan="2"; | auction-house-navigation-table | |||
| Template:AuctionHouseNavigation | |||
| style="color: white"; rowspan="2"; | <ul><li>For use on any Auction House category page</li></ul> | |||
|- | |||
| style="color: white";| Category:Food | |||
|} | |} | ||
Latest revision as of 10:47, 3 March 2024
Table Formats
This page is a list of all the different table styles we use on this wiki, along with examples on their useage. It's currently a work in progress and is being actively updated with more styles.
Formatting for Tables
We are working hard to create a unique wiki for the Horizon server. One of the ways that we are trying to achieve this is through tables. These can be found across all FFXI based wikis and here it is no different. The plan is to provide editors with a simple and comprehensive way of creating tables, unique to Horizon wiki.
An editor will need to include three classes to any table to achieve a wide variety of styles. These classes fall into one of three categories: table style (borders, margins, padding etc), table size and table color. Simply combine the three, one class from each category to create a table.
Example:
{| class="horizon-table table-md bastokmissions" ! Heading 1 ! Heading 2 ! Heading 3 |- | Content 1 | Content 2 | Content 3 |}
Will give us this table which has the "horizon-table" table style, is medium sized (775pxs wide) and has the table color we use on "Bastok Missions":
Heading 1 | Heading 2 | Hading 3 |
---|---|---|
Content 1 | Content 2 | Content 3 |
Editors can still make further changes to these tables such as "column widths", "rowspans" etc without issue. Please see below for a full list of all the table classes available.
Table Style
Class Name | Example Pages | Useage |
---|---|---|
horizon-table | this table! | This style of table is currently being used on ALL tables going forward unless explicity stated otherwise. |
Table Size
Class Name | Example Pages | Useage |
---|---|---|
table-xs | Sets the table to be 400px wide. | |
table-sm | Sets the table to be 576px wide. | |
table-md | Sets the table to be 775px wide. | |
table-lg | Bastok Missions | Sets the table to be 1,018px wide. |
table-xl | Sets the table to be 1,198px long. | |
table-xxl | Sets the table to be as wide as the users page will allow. |
Miscellaneous Features
Class Name | Example Pages | Useage |
---|---|---|
sortable | Melody Minstrel | Adds a sortable option to a table which then applies to all columns. |
center-col-# | Allows the editor to center align an entire column, without the need to apply the code to each individual cell. This can be applied for columns 1-8 eg " class="center-col-5" " for column 5. |
Table Colors
Mission Tables
Class Name | Example Pages | Useage |
---|---|---|
bastokmissions | Bastok Missions |
|
sandoriamissions | San d'Oria Missions |
|
windurstmissions | Windurst Missions |
|
rotzmissions | Rise of the Zilart Missions |
|
copmissions | Chains of Promathia Missions |
|
Quest Tables
Class Name | Example Pages | Useage |
---|---|---|
quest-table, infobox-quest | Shadows of the Departed |
|
Battlefield Tables
Class Name | Example Pages | Useage |
---|---|---|
bcnm-table, ksnm-table enm-table |
|
HELM Tables
Harvesting
Class Name | Example Pages | Usage |
---|---|---|
harvesting-table |
|
Excavation
Class Name | Example Pages | Usage |
---|---|---|
excavating-table |
|
Logging
Class Name | Example Pages | Usage |
---|---|---|
logging-table |
|
Mining
Class Name | Example Pages | Usage |
---|---|---|
mining-table |
|
Digging
Class Name | Example Pages | Useage |
---|---|---|
digging-table |
|
Gardening
Class Name | Example Pages | Usage |
---|---|---|
gardening-table |
|
Clamming
Class Name | Example Pages | Usage |
---|---|---|
clamming-table |
|
NPC Tables
Class Name | Example Pages | Useage |
---|---|---|
npc-table |
|
- Two caveats with this class is "Guild Vendors". We are currently undecided whether to use a different class here. Feel free to add in the merchant class but we may need to change this in the future.
- The second is Melody Minstrel type NPCs. It's likely these pages will better suited to using their respective mission/quest colors.
Monster Tables
Dropped By Sections
I would suggest looking at the example pages and their code to see these classes in use.
Class Name | Example Pages | Useage |
---|---|---|
droppedby |
|
Regular Monsters
Class Name | Example Pages | Useage |
---|---|---|
mobs |
|
Notorious Monsters
Class Name | Example Pages | Useage |
---|---|---|
nms |
|
Mega Bosses
Class Name | Example Pages | Useage |
---|---|---|
megaboss |
|
Treasure Chests/Coffers
Class Name | Example Pages | Useage |
---|---|---|
treasurechest |
| |
treasurecoffer |
|
Editor's Hub
Class Name | Example Pages | Useage |
---|---|---|
editing-table |
|
|
General Tables
Class Name | Example Pages | Useage |
---|---|---|
general-table |
|
Unique Tables
Class Name | Example Pages | Useage |
---|---|---|
auction-house-navigation-table | Template:AuctionHouseNavigation |
|
Category:Food |
Thoughts on Different Class Categories
use | color class | style class | example pages |
---|---|---|---|
Merchant Tables | npc-table | horizon-table | Chutarmire |
Area page header | West Ronfaure | ||
(Area page) Quest/Mission Tables | West Ronfaure | ||
(Area page) Weather Tables | West Ronfaure | ||
(Area page) NPC Tables | West Ronfaure | ||
(Area page) NM Tables | West Ronfaure | ||
(Area page) Regular Monster Tables | West Ronfaure | ||
(Area page) Event Monster Tables | West Ronfaure | ||
(Monster page) Special Attack Tables | Category:Rabbits | ||
(Monster page) NMs | Category:Rabbits | ||
Monster Table | Category:Monster_Pets | ||
Clamming | Bibiki Bay - Purgonorgo Isle | ||
Excavating | Tahrongi_Canyon | ||
Chocobo Digging | Tahrongi_Canyon | ||
Fishing | Bibiki Bay - Purgonorgo Isle/Fishing | ||
Gardening | Category:Rabbits | ||
Harvesting | West Sarutabaruta | ||
Logging | Ghelsba Outpost/Logging | ||
Mining | Gusgen Mines | ||
Items | Category:Ammunition ? | ||
Other NPC tables | Category:Fishing | ||
BCNM Drops | Tree_Cuttings | ||
BCNM Table | Category:BCNM | ||
Quest Header | Cook's_Pride | ||
Bastok Missions | Category:Bastok_Missions | ||
San d'Oria Missions | Category:San d'Oria_Missions | ||
Windurst Missions | Category:Windurst_Missions | ||
Tables on Woodworking page | Category:Woodworking | ||
Tables on Smithing page | Category:Smithing | ||
Tables on Bonecraft page | Category:Bonecraft | ||
Recipes (Woodworking?) | Category:Woodworking/Artisan |