How to Create a Table on Horizon Wiki: Difference between revisions

From HorizonXI Wiki
(started table on overview of kinds of tables)
 
(27 intermediate revisions by 4 users not shown)
Line 1: Line 1:
This page is a list of all the different table styles we use on this wiki.
{{Tocright}}
= 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.


== General Formatting for Tables ==
== Formatting for Tables ==
The table formatting that we use across this wiki is still a work in progress. There are currently a few classes of table formatting that we are using. These tables will provide all the styling '''except colors'''. See below for different examples of the [[Table Formats#Colors for Tables|colors we use 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.  


{| class="wikitable" style="margin:auto"
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.
! Class
 
! Secondary Class Example
Example:
! Description
 
<nowiki>{| class="horizon-table table-md bastokmissions"</nowiki>
<nowiki>! Heading 1</nowiki>
<nowiki>! Heading 2</nowiki>
<nowiki>! Heading 3</nowiki>
<nowiki>|-</nowiki>
<nowiki>| Content 1</nowiki>
<nowiki>| Content 2</nowiki>
<nowiki>| Content 3</nowiki>
<nowiki>|}</nowiki>
 
 
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":
 
{| class="table-md horizon-table bastokmissions"
! 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="merchant-table horizon-table table-md editing-table"
! width="20%" | Class Name
! width="20%" | Example Pages
! width="60%" | 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="merchant-table horizon-table table-md editing-table"
! width="20%" | Class Name
! width="20%" | Example Pages
! width="60%" | 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
| [[:Category:Bastok Missions|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="merchant-table horizon-table table-md editing-table"
! width="20%" | Class Name
! width="20%" | Example Pages
! width="60%" | 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 =
<!--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"
! width="20%" | Class Name
! width="20%" | Example Pages
! width="60%" | Useage
|- class="bastokmissions"
! bastokmissions
| [[: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>
|- class="sandoriamissions"
! sandoriamissions
| [[: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>
|- class="windurstmissions"
! windurstmissions
| [[: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>
|- class="rotzmissions"
! rotzmissions
| [[: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>
|- class="copmissions"
! copmissions
| [[: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>
|}
 
== Quest Tables ==
{| class="quest-table horizon-table table-md"
! width="20%" | Class Name
! width="20%" | Example Pages
! width="60%" | Useage
|-
| quest-table, infobox-quest
| [[Shadows of the Departed]]
|<ul><li>Any individual quest page. This styling is applied by using the [[:Template:Quest Header]] (or the outdated [[:Template:Quest]]).</li><li>Any of the quest lists found on the page [[:Category:Quests|Quests]] page.</li><li>Any [[:Category:Areas|area]] page with an "Involved in Quest" section</li></ul>
|}
 
== 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 Name || Example Pages || Usage
|-
| harvesting-table
| <ul><li>[[West Sarutabaruta/Harvesting|West Sarutabaruta]]
| <ul><li> On the main [[:Category:Harvesting|Harvesting]] page.<li>Any "AreaName/Harvesting" page.<li> Any item page which can be "Obtained via Harvesting".</li></ul>
|}
 
=== Excavation ===
{| class="horizon-table table-md excavating-table"
! Class Name || Example Pages || Usage
|-
| excavating-table
| <ul><li>[[Maze of Shakhrami/Excavation|Maze of Shakhrami]]
| <ul><li> On the main [[:Category:Excavation|Excavation]] page.<li>Any "AreaName/Excavation" page.<li> Any item page which can be "Obtained via Excavation".</li></ul>
|}
 
=== Logging ===
{| class="horizon-table table-md logging-table"
! Class Name || Example Pages || Usage
|-
| logging-table
| <ul><li>[[Yhoator Jungle/Logging|Yhoator Jungle]]
| <ul><li> On the main [[:Category:Logging|Logging]] page.<li>Any "AreaName/Logging" page.<li> Any item page which can be "Obtained via Logging".</li></ul>
|}
 
=== Mining ===
{| class="horizon-table table-md mining-table"
! Class Name || Example Pages || Usage
|-
| mining-table
| <ul><li>[[Yughott Grotto/Mining|Yughott Grotto]]
| <ul><li> On the main [[:Category:Mining|Mining]] page.<li>Any "AreaName/Mining" page.<li> Any item page which can be "Obtained via Mining".</li></ul>
|}
 
=== Digging ===
{| class="digging-table horizon-table table-md"
! width="20%" | Class Name
! width="20%" | Example Pages
! width="60%" | Useage
|-
| digging-table
| <ul><li>[[Tahrongi Canyon/Chocobo Digging|Tahrongi Canyon]]<li>[[Gold Ore]]</li></ul>
| <ul><li>On the main [[:Category:Chocobo Digging|Chocobo Digging]] page.<li>Any "AreaName/Chocobo Digging" page.<li>Any item page which can be "Obtained via Chocobo Digging".</li></ul>
|}
 
=== Gardening ===
{| class="horizon-table table-md gardening-table"
! Class Name || Example Pages || Usage
|-
| gardening-table
| <ul><li>[[Earth Ore]]
| <ul><li> On the main [[:Category:Gardening|Gardening]] page.<li>Any item page which can be "Obtained via Gardening".</li></ul>
|}
 
=== Clamming ===
{| class="horizon-table table-md clamming-table"
! Class Name || Example Pages || Usage
|-
| clamming-table
| <ul><li>[[Bibiki Slug]]
| <ul><li> On the main [[Clamming]] page.<li>Any item page which can be "Obtained via Clamming".</li></ul>
|}
 
== NPC Tables ==
{| class="npc-table horizon-table table-md"
! width="20%" | Class Name
! width="20%" | Example Pages
! width="60%" | Useage
|-
| npc-table
| <ul><li>[[Chutarmire]]<li>[[Potion]]</li></ul>
| <ul><li>Tables found on any "NPC" page.<li>Any "Merchant" page table.<li>Any item page with an "Obtained via Merchant" section.<li>All "[[:Category:Areas|Area]]" pages that contain an "NPCs Found Here" section.</li></ul>
|}
* 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="droppedby horizon-table table-md"
! width="20%" | Class Name
! width="20%" | Example Pages
! width="60%" | Useage
|-
|-
| class="ffxi-table"
| droppedby
| class="merchant-table ffxi-table"
| <ul><li>[[Valor Minuet IV#Dropped By|Valor Minuet IV]]</li></ul>
| To be used on any table unless stated otherwise.
| <ul><li>On any page that contains a "Dropped By" section.</li><li>The "Dropped By" section table will also be accompanied by the class "nms" to show a difference between regular mobs and NM's. See below for more information</li></ul>
|}
 
=== Regular Monsters ===
{| class="mobs horizon-table table-md"
! width="20%" | Class Name
! width="20%" | Example Pages
! width="60%" | Useage
|-
|-
| class="helm-table"
| mobs
| class="digging-table helm-table"
| <ul><li>[[Wild Rabbit]]</li><li>[[Buburimu Peninsula#Regular Monsters Found Here|Buburimu Peninsula]]</li></ul>
| To be used on any HELM related tables.
| <ul><li>On individual "mob" pages.</li><li>All "[[:Category:Areas|Area]]" pages that contain an "Regular Monsters Found Here" section.</li></ul>
|}
|}


== Colors for Tables ==
=== Notorious Monsters ===
=== Merchant Tables ===
{| class="nms horizon-table table-md"
{| class="merchant-table wikitable"
! width="20%" | Class Name
! width="40%" | Class
! width="20%" | Example Pages
! Description
! width="60%" | Useage
|-
|-
| class="merchant-table"
| nms
| To be used on '''all merchant NPC pages''' that have a table of sold items.
| <ul><li>[[Swamfisk]]</li><li>[[Buburimu Peninsula#Notorious Monsters Found Here|Buburimu Peninsula]]</li><li>[[Valor Minuet IV#Dropped By|Valor Minuet IV]]</li></ul>
| <ul><li>On individual "[[:Category:Notorious Monsters|notorious monster]]" pages.</li><li>All "[[:Category:Areas|Area]]" pages that contain an "Notorious Monsters Found Here" section.</li><li>On any page that contains a "Dropped By" section.</li></ul>
|}
|}


=== 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>
|}


=== HELM Tables ===
== Treasure Chests/Coffers ==
==== Chocobo Digging ====
{| class="treasurechest horizon-table table-md"
{| class="digging-table helm-table"; width="100%"
! width="20%" | Class Name
! width="40%" | Class
! width="20%" | Example Pages
! Description
! 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>
|-
|-
| class="digging-table"
| To be used on '''all chocobo digging pages'''.
|}
|}


==== Mining ====
== Editor's Hub ==
{| class="mining-table helm-table"; width="100%"
{| class="editing-table horizon-table table-md"
! width="40%" | Class
! width="20%" | Class Name
! Description
! width="20%" | Example Pages
! width="60%" | Useage
|-
|-
| class="mining-table"
| editing-table
| To be used on '''all mining pages'''.
| <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>
|}
|}


==Overview on different types of tables==
=== 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
|}
 
== Thoughts on Different Class Categories ==


{| class="wikitable"
{| class="wikitable"
Line 57: Line 335:
|-
|-
|Merchant Tables
|Merchant Tables
|merchant-table
|npc-table
|ffxi-table
|horizon-table
|[[Chutarmire]]
|[[Chutarmire]]
|-
|-
Line 129: Line 407:
|
|
|
|
|[[Bibiki Bay - Purgonorgo Isle]]
|[[Bibiki Bay - Purgonorgo Isle/Fishing]]
|-
|-
|Gardening
|Gardening
Line 144: Line 422:
|
|
|
|
|[[Ghelsba_Outpost]]
|[[Ghelsba Outpost/Logging]]
|-
|-
|Mining
|Mining
Line 214: Line 492:




 
[[Category:Editing Documentation]]
[[Category:Edit This Wiki]]

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
  • Bastok Missions
  • Any Bastok mission page
  • Any area page with an "Involved in Bastok Mission" section
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
  • Main BCNM Category page.
  • BCNM pages themselves
  • Drops found via BCNM pages
  • 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.

HELM Tables

Harvesting

Class Name Example Pages Usage
harvesting-table
  • On the main Harvesting page.
  • Any "AreaName/Harvesting" page.
  • Any item page which can be "Obtained via Harvesting".

Excavation

Class Name Example Pages Usage
excavating-table
  • On the main Excavation page.
  • Any "AreaName/Excavation" page.
  • Any item page which can be "Obtained via Excavation".

Logging

Class Name Example Pages Usage
logging-table
  • On the main Logging page.
  • Any "AreaName/Logging" page.
  • Any item page which can be "Obtained via Logging".

Mining

Class Name Example Pages Usage
mining-table
  • On the main Mining page.
  • Any "AreaName/Mining" page.
  • Any item page which can be "Obtained via Mining".

Digging

Class Name Example Pages Useage
digging-table
  • On the main Chocobo Digging page.
  • Any "AreaName/Chocobo Digging" page.
  • Any item page which can be "Obtained via Chocobo Digging".

Gardening

Class Name Example Pages Usage
gardening-table
  • On the main Gardening page.
  • Any item page which can be "Obtained via Gardening".

Clamming

Class Name Example Pages Usage
clamming-table
  • On the main Clamming page.
  • Any item page which can be "Obtained via Clamming".

NPC Tables

Class Name Example Pages Useage
npc-table
  • Tables found on any "NPC" page.
  • Any "Merchant" page table.
  • Any item page with an "Obtained via Merchant" section.
  • All "Area" pages that contain an "NPCs Found Here" section.
  • 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
  • On any page that contains a "Dropped By" section.
  • The "Dropped By" section table will also be accompanied by the class "nms" to show a difference between regular mobs and NM's. See below for more information

Regular Monsters

Class Name Example Pages Useage
mobs
  • On individual "mob" pages.
  • All "Area" pages that contain an "Regular Monsters Found Here" section.

Notorious Monsters

Class Name Example Pages Useage
nms
  • On individual "notorious monster" pages.
  • All "Area" pages that contain an "Notorious Monsters Found Here" section.
  • On any page that contains a "Dropped By" section.

Mega Bosses

Class Name Example Pages Useage
megaboss
  • For use on any page that can be considered a "Mega Boss". Examples could be any HQ HNM, end of content bosses etc.

Treasure Chests/Coffers

Class Name Example Pages Useage
treasurechest
  • Used on area pages.
  • For use on any item page that has a "obtained via treasure chest" table.
treasurecoffer
  • Used on area pages.
  • For use on any item page that has a "obtained via treasure coffer" table.

Editor's Hub

Class Name Example Pages Useage
editing-table
  • For use on any "Editor Hub" style pages.

General Tables

Class Name Example Pages Useage
general-table
  • 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.

Unique Tables

Auction House Navigation Tables

Class Name Example Pages Useage
auction-house-navigation-table Template:AuctionHouseNavigation
  • For use on any Auction House category page
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
Retrieved from "https://horizonffxi.wiki/w/index.php?title=How_to_Create_a_Table_on_Horizon_Wiki&oldid=36800"