| |
| |
MX CSS Menus provides 23 default CSS skins - 13 out of the 14 skins from the previous product version, MX CSS Dynamic Menus, were kept (see their list in the first table column below), and other 10 brand-new skins were created (see their list in the second table column below):
|
Check out the images below to preview each of the 23 skins applied to menus using each of the 4 layouts (Vertical, Horizontal, Tab, and Expandable). If you do a little math, you'll learn that MX CSS Menus provides 23 * 4 = 92 .css files!
Note: In the images below, for the CSS menus using:
The Horizontal and the Vertical layouts:
The Products -> ImpAKT -> MX Send E-mail item is selected.
The Products -> ImpAKT -> MX Form Validation item is mouse-hovered (notice the displayed tooltip).
The Tab and the Expandable layouts (they can have at most two levels):
The Products -> ImpAKT item is selected.
The Products -> ImpAKT item is mouse-hovered in some cases, and the Products -> MX CSS Menus item is mouse-hovered in the other cases (see the displayed tooltip).
Preview the arktic_blue skin applied to menus using the four layouts:
|
Horizontal layout: |
Tab layout: |
|
|
|
|
Vertical layout: |
Expandable layout: |
|
|
|
Preview the arktic_green skin applied to menus using the four layouts:
|
Horizontal layout: |
Tab layout: |
|
|
|
|
Vertical layout: |
Expandable layout: |
|
|
|
Preview the arktic_orange skin applied to menus using the four layouts:
|
Horizontal layout: |
Tab layout: |
|
|
|
|
Vertical layout: |
Expandable layout: |
|
|
|
Preview the arktic_red skin applied to menus using the four layouts:
|
Horizontal layout: |
Tab layout: |
|
|
|
|
Vertical layout: |
Expandable layout: |
|
|
|
Preview the arktic_violet skin applied to menus using the four layouts:
|
Horizontal layout: |
Tab layout: |
|
|
|
|
Vertical layout: |
Expandable layout: |
|
|
|
Preview the aqua_blue skin applied to menus using the four layouts:
|
Horizontal layout: |
Tab layout: |
|
|
|
|
Vertical layout: |
Expandable layout: |
|
|
|
Preview the aqua_green skin applied to menus using the four layouts:
|
Horizontal layout: |
Tab layout: |
|
|
|
|
Vertical layout: |
Expandable layout: |
|
|
|
Preview the aqua_warm skin applied to menus using the four layouts:
|
Horizontal layout: |
Tab layout: |
|
|
|
|
Vertical layout: |
Expandable layout: |
|
|
|
Preview the interakt_blue skin applied to menus using the four layouts:
|
Horizontal layout: |
Tab layout: |
|
|
|
|
Vertical layout: |
Expandable layout: |
|
|
|
Preview the modern_blue skin applied to menus using the four layouts:
|
Horizontal layout: |
Tab layout: |
|
|
|
|
Vertical layout: |
Expandable layout: |
|
|
|
Preview the modern_green skin applied to menus using the four layouts:
|
Horizontal layout: |
Tab layout: |
|
|
|
|
Vertical layout: |
Expandable layout: |
|
|
|
Preview the modern_red skin applied to menus using the four layouts:
|
Horizontal layout: |
Tab layout: |
|
|
|
|
Vertical layout: |
Expandable layout: |
|
|
|
Preview the modern_violet skin applied to menus using the four layouts:
|
Horizontal layout: |
Tab layout: |
|
|
|
|
Vertical layout: |
Expandable layout: |
|
|
|
Preview the brick skin applied to menus using the four layouts:
|
Horizontal layout: |
Tab layout: |
|
|
|
|
Vertical layout: |
Expandable layout: |
|
|
|
Preview the corporate_red skin applied to menus using the four layouts:
|
Horizontal layout: |
Tab layout: |
|
|
|
|
Vertical layout: |
Expandable layout: |
|
|
|
Preview the darko skin applied to menus using the four layouts:
|
Horizontal layout: |
Tab layout: |
|
|
|
|
Vertical layout: |
Expandable layout: |
|
|
|
Preview the metal_blue skin applied to menus using the four layouts:
|
Horizontal layout: |
Tab layout: |
|
|
|
|
Vertical layout: |
Expandable layout: |
|
|
|
Preview the metal_orange skin applied to menus using the four layouts:
|
Horizontal layout: |
Tab layout: |
|
|
|
|
Vertical layout: |
Expandable layout: |
|
|
|
Preview the metal_simple skin applied to menus using the four layouts:
|
Horizontal layout: |
Tab layout: |
|
|
|
|
Vertical layout: |
Expandable layout: |
|
|
|
Preview the nature skin applied to menus using the four layouts:
|
Horizontal layout: |
Tab layout: |
|
|
|
|
Vertical layout: |
Expandable layout: |
|
|
|
Preview the simple skin applied to menus using the four layouts:
|
Horizontal layout: |
Tab layout: |
|
|
|
|
Vertical layout: |
Expandable layout: |
|
|
|
Preview the viorange skin applied to menus using the four layouts:
|
Horizontal layout: |
Tab layout: |
|
|
|
|
Vertical layout: |
Expandable layout: |
|
|
|
Preview the yellow skin applied to menus using the four layouts:
|
Horizontal layout: |
Tab layout: |
|
|
|
|
Vertical layout: |
Expandable layout: |
|
|
|
After checking out all the 23 provided skins, you surely must have detected the one that best matches your site appearance. If there are things that you want to change, MX CSS Menus is there for you once again: use the CSS Skin Editor to edit the skin, or even to create a new one starting from it.