CUSTOMIZE ROSTER > HTML STRUCTURE
- CUSTOMIZE
- HTML STRUCTURE
Html pages were designed in a way they could be easily edited.
Here you will find the main structure of the pages. To edit pages, we suggest you install firefox and the add-on "firebug".
This add-on will allow to analyze html pages and style sheets in a clear and easy way.
Here you will find the main structure of the pages. To edit pages, we suggest you install firefox and the add-on "firebug".
This add-on will allow to analyze html pages and style sheets in a clear and easy way.
Page structure
The page is divided in logical modules, which can be identified by looking at the gaps in the lateral shades of the original layout.
Each module has its own ID (breadCrum, titleGuild, filterGroup...) and 3 div wrapper levels (weL1, wrL2, wrL3). The list of modules IDs is:
- breadCrumb
- titleGuild
- topMenu
- filterGroup
- tableContent
- dayDateSt
- dayGenSt
- dayGenStAct15
- timeLine
- embeddedFooter
Table structure
Each chart in the roster is a gentable class chart and has its own ID.
Here's the list of chart IDs:
- roster
- pgstat
- tankstat
- healstat
- meleestat
- casterdps
- rangeddps
- prof
Each coloumn in the cahrt has 2 classes: the first is generic and identifies the type of data in the chart (string, number, image), the second one is specific for each entry (name, class, health, mana, ...).
This way, you can change the layout as you wish.
For example, you can highlight the dps damage in the melee chart only or hide some coloumns, simply by writing "display: none".

