Design & Features
JSN Metro provides 6 major color variations for your taste. Each color variation covers not only the main background, but also color of drop-down menu, links, table's header and some others.
Click on any screenshot to LIVE demo of that color variation. (reset to default)
Interactive images presentation by JSN ImageShow extension
Each template color can be configured by 3 different ways:
By template parameter
Template color can be set by template parameter Template Color in administration panel.
By "Page Class Suffix"
Template color can be defined in parameter Page Class Suffix of menu items as custom-color-xxx.
By Site tools panel
Template color can be selected by website visitor from Color Selector in Site tools.
JSN Metro provides 3 font face options for major website types. Each font face option is actually a combination of 2 font types: one for content text, another for heading text and main navigation text.
Special Font (powered by Google Font Directory)
To make your website content look even better, we included feature to load special fonts directly from Google Font Directory. We have carefully selected the most appropriate special font for each text style. Since this service is provided by Google, it's very reliable and fast.
Click on any screenshot to see LIVE demo of that font face. (reset to default)
"Business / Corporation" style with special font
"Personal / Blog" style with special font
"Online News / Magazine" style with special font
JSN Metro provides 3 text size options for major website audience.
Click on any screenshot to see LIVE demo of that font size. (reset to default)
Small font size
Medium font size
Big font size
JSN Metro provides 37+ module positions allowing you to have multiple layout configurations. All module positions are collapsible which means if you don't publish any modules in some positions it will not take any blank spaces leaving those for neighbor modules. Some positions are designed to arrange modules inside in horizontal layout which makes it very easy to reorder modules inside it.
JSN Metro allows you to change the width size for several critical layout elements. All settings can be done via template parameters in section LAYOUT SETTINGS.
JSN Metro layout system is very flexible and capable. Module positions are designed in smart way to cover all possible spot where you might want to put content. Moreover, you can specify width of both overall layout and specific columns conveniently via template parameters. Bellow is live presentation of some most popular layout variations:
JSN Metro has incredibly beautiful clean design with ultra flexible layout built-up from 36+ module positions. The combination of 6 colors variation, 5 menu styles and 6 module styles results in a really remarkable website. In addition, super rich typography makes your content look stunning and clear for all users.
37+ module positions allowing you to have multiple layout configurations. All module positions are collapsible and can arrange modules in horizontal or vertical layout.
5 menu styles to display your website navigation on multiple positions. The built-in menu module is utilized, so you don't need to install any external menu modules.
JSN Metro provides 6 background designs, which can be combined with 20 predefined icons for outstanding module styling. Make your modules look good easily!
JSN Metro provides 5 menu styles to present your website navigation. The default Joomla! built-in menu module (mod_mainmenu) is utilized, so you don't need to install any external menu modules.
Top Menu allows you to arrange menu items in horizontal line and assign icons to them. All icons are configured directly in menu item settings page which is very convenient.
Main Menu is very powerful menu built with clean accessible XHTML code structure and effective drop-down submenu panels.
Main Menu with icons and rich text
You can add icon and descriptive text to each menu item to make them much clearer and more appealing. Both descriptive text and icons are configured directly in menu item settings page, which is very convenient.
Side Menu is very unique vertical menu with slide-out panels. This menu is extremely efficient when you have complex navigation with a lot of menu items.
Tree Menu represents menu items in clear tree-like hierarchy, which is very appropriate for indexing menu. By default all submenu items are collapsed until you select the parent menu item.
Div Menu is simple yet nice menu bar with items separated by slightly visible dashes. This menu is very suitable for footer navigation presentation.