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

From HorizonXI Wiki
 
(11 intermediate revisions by 3 users 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 ==
= 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 ===
== 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"
| bastokmissions
! bastokmissions
| [[:Category:Bastok Missions|Bastok Missions]]
| [[:Category:Bastok Missions|Bastok Missions]]
|<ul><li>[[:Category:Bastok Missions|Bastok Missions]]<li>Any Bastok mission page<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"
| 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>Any San d'Oria mission page<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"
| windurstmissions
! windurstmissions
| [[:Category:Windurst Missions|Windurst Missions]]
| [[:Category:Windurst Missions|Windurst Missions]]
|<ul><li>[[:Category:Windurst Missions|Windurst Missions]]<li>Any Windurst mission page<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"
| 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>Any Rise of the Zilart mission page<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"
| 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>Any Chains of Promathia mission page<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 ===
== 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="merchant-table horizon-table table-md"
{| 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%" | Class Name
! width="20%" | Example Pages
! width="20%" | Example Pages
Line 138: Line 194:
| <ul><li>[[Tahrongi Canyon/Chocobo Digging|Tahrongi Canyon]]<li>[[Gold Ore]]</li></ul>
| <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>
| <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
|-  
|-  
| mining-table
| clamming-table
| <ul><li>[[Yughott Grotto/Mining|Yughott Grotto]]
| <ul><li>[[Bibiki Slug]]
| <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>
| <ul><li> On the main [[Clamming]] page.<li>Any item page which can be "Obtained via Clamming".</li></ul>
|}
|}


=== NPC Tables ===
== 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 157: 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 ===
== Monster Tables ==
==== Dropped By Sections ====
=== 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 170: Line 240:
|}
|}


==== Regular Monsters ====
=== Regular Monsters ===
{| class="mobs horizon-table table-md"
{| class="mobs horizon-table table-md"
! width="20%" | Class Name
! width="20%" | Class Name
Line 180: 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 ====
 
=== Notorious Monsters ===
{| class="nms horizon-table table-md"
{| class="nms horizon-table table-md"
! width="20%" | Class Name
! width="20%" | Class Name
Line 191: 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 200: 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
  • 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"