Revision as of 2010-03-08 10:23:26
  Older version (diff) | current version (diff) | Newer version (diff)

Help:Wiki Table Style Guide  

ZAM Network
Wikibase™
Guides
Change skin to: www.ZAMAionEQ1EQ2FFXIFFXIVFree RealmsLoNWARWoW
No wiki styling! - DAoCEQOAEVELotROSWG

This page is an attempt to give some direction and information about available classes that can be applied to tables in the wiki. Some of them are game-specific and are always prefaced with the gameid, such as sto-panel or aion-q0.

A class can be applied to a table in HTML or wiki-code. Here are two examples of the common class, infobox, which is defined in every game skin.

HTML table with .infobox class
<table class="infobox">
 <tr>
  <th>Header One</th>
  <th>Header Two</th>
 </tr>
 <tr>
  <td>Cell One</td>
  <td>Cell Two</td>
 </tr>
</table>
Header One Header Two
Cell One Cell Two
Wikicode table with .infobox class
{| class="infobox"
!Header One
!Header Two
|-
|Cell One
|Cell Two
|}
Header OneHeader Two
Cell OneCell Two

The following are other common classes that SHOULD be defined in all skins.

datatable
Header OneHeader Two
Cell OneCell Two
datatable sortable
Header OneHeader Two
27
14
39
datatable using .lr and .dr
.lr and .dr are classes that are applied to the rows as follows:
|- class="lr"
Header OneHeader Two
27
14
39

Notes

  • datatable sets width to 100% by default.
  • The sortable class can also be added to infobox but does not really make sense, style-wise, so please don't use it that way unless there is an overwhelming good reason.
  • To make an infobox, or any box, that hangs on the right side, add '''style="float:right;" after the class element
  • To make text flow around a table try style="float:left;"

Game-Specific Classes

This list will probably never be up-to-date as new classes are added as the need arises, but here is a good starting point. Also, there will be some classes that were defined ONLY to be in a specific template for a single object and are not listed here.

Aion

  • aion-q0 to aion-q5: used to colorize item links by quality
  • aion-quest: The main table styling for Aion Quest

Star Trek Online

  • sto-panel: Table styling for most boxes in the STO Wiki. Intended to mimic in-game colors.
  • sto-q0 to sto-q5: used to colorize item links by quality

This is a work in progress as I need to comb through all the .css files to find all the major classes.

This page last modified 2010-03-08 10:23:26.