Revision as of 2010-03-08 10:23:26 Older version (diff) | current version (diff) | Newer version (diff)
Change skin to:
www.ZAM •
Aion •
EQ1 •
EQ2 •
FFXI •
FFXIV •
Free Realms •
LoN •
WAR •
WoW
- No wiki styling! - DAoC • EQOA • EVE • LotRO • SWG
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 One | Header Two |
---|
Cell One | Cell Two | |
|
The following are other common classes that SHOULD be defined in all skins.
datatable |
Header One | Header Two |
---|
Cell One | Cell Two | |
datatable sortable |
Header One | Header Two |
---|
2 | 7 | 1 | 4 | 3 | 9 | |
datatable using .lr and .dr
.lr and .dr are classes that are applied to the rows as follows:
|- class="lr"
|
Header One | Header Two |
---|
2 | 7 | 1 | 4 | 3 | 9 | |
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;"
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-q0 to aion-q5: used to colorize item links by quality
- aion-quest: The main table styling for Aion Quest
- 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.