As of version 1.0 of pnFlashGames, CSS tags have been added to the output to allow you to more easily style the games pages how you want. This is intended to be a stop-gap between the pnHTML method of output currenlty used by pnFlashGames and the pnRender templated output that is planned for version 2.0 of the module
There are several CSS tags that you will need to define in order to control the output of the games module. They are listed below with a description and an image of what they do.
CSS Tags for pnFlashGames output
- pnF-game-holder
This tag is applied to the main block that holds the category (on the view categories page) or game (on the view games page) or team (on the view teams page)
- pnF-game-title
This tag is applied to the title area of the category, game, or team depending on the page.
- pnF-game-details
This tag is applied to the area beneath the title block. You can define sub objects that would inherit from this class and control the other elements that appear in this block. For example, defining an img tag under this block would control how the game's thumbnail appears.
These same block definitions are used for the output on the teams, contests, and categories pages. For those pages however, you would define pnF-team-?, pnF-cont-?, and pnF-cat-? respectively.