JSN Dome provides 8 box designs for module background styling and 20 icon designs for module title styling. All module title styles can be used in combination with module background styles, giving you 80 module style combinations.
Info: Module styles are configured by module’s parameter Module Class Suffix. All available values are described below and need to be applied without double quotes.
Attention: Box designs for module background styling are applicable only for modules in side columns (position left and right)
Box designs
Box designs to be applied to modules published on side columns.
“-box richbox-1”.
“-box richbox-2”.
“-box richbox-3”.
“-box purebox”.
“-box lightbox-1”.
“-box lightbox-2”.
“-solid solid-1”.
“-solid solid-2”.
Icon designs
Icon designs to be applied to module’s title.
Info: As with version 1.0 JSN Dome utilize CSS sprite technique to reduce amount of HTTP request to server in order to get icons. Technically, all icons are merged in one single image file and visitors will need to make one single request/download to get that file with all icons. If you have time, please read more about CSS sprites.
Combination usage
All icon designs can be used in combination with plain module design like below examples:
“-plain icon-star”
“-plain icon-display”
Also icon styles can be used in combination with box module styles like shown below:
“-box richbox-1 icon-home”
“-box richbox-3 icon-favorite”
