How to Create a Table on Horizon Wiki: Difference between revisions
m (added battlefields section, bcnm-table, ksnm-table to it, and a not of how these two battlefield types can have their css colors separated at a later date, if necessary) |
mNo edit summary |
||
Line 93: | Line 93: | ||
|} | |} | ||
= 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 editing-table" | {| class="merchant-table horizon-table table-md editing-table" | ||
! width="20%" | Class Name | ! width="20%" | Class Name | ||
Line 122: | Line 122: | ||
|} | |} | ||
== 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 133: | Line 133: | ||
|} | |} | ||
== Battlefield Tables == | |||
{| class="bcnm-table horizon-table table-md" | {| class="bcnm-table horizon-table table-md" | ||
! width="20%" | Class Name | ! width="20%" | Class Name | ||
Line 148: | Line 148: | ||
|} | |} | ||
== 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 158: | 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 167: | 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 176: | 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 185: | 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 196: | 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 205: | 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 214: | 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 227: | 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 240: | 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 250: | 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 261: | Line 262: | ||
|} | |} | ||
=== Editor's Hub | == 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 |
Revision as of 19:50, 11 February 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 |
|
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 |
|
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 |