Managing your Themes
You have the ability to create as many of your own themes as you want. These Themes will be stored in your UserTheme file and will be selectable from the Themes list when you launch the interface. You can also remove any unwanted or unused Themes that you have created.
Note: The Horizontal and Vertical interface have their own individual set of Themes. They are not shared across the two interfaces.
View the Managing Themes movie
Creating your own Themes
Creating a new Theme is very easy. From the cssListMenu interface you can set all of your preferences the way you want them for the Theme. Any setting you make in the interface, including the Button Attributes of width, border, spacing, and padding will be saved to your Theme.
Once you have all of your setting the way you want them, press the Save as Theme button.
The main interface will close and the Manage Themes interface will open. Name your Theme by typing in the ThemeName text field. You can name your new Theme anything you want however it is recommended to keep the name fairly short, and no special characters are allowed. Spaces and a combination of upper and lowercase are OK.
Once you have set your new Theme name, press the Set Theme button and the interface will close.
When you launch the main interface again your new theme will be in the Themes list ready to use.
Starter Themes
The cssListMenu comes with 7 predefined Themes, including the default. The purpose of the first 5 Themes is to give you an easy starting point for border configurations. CSS list menu styling can be configured several ways with regards to border configuration. You can read more about this in the borders section. Taking this into account you can easily get started creating a new menu using any of these border configurations.
Default |
No Border |
 |
 |
4 borders on buttons |
no borders on buttons |
4 Border |
Beveled |
 |
 |
4 borders on buttons |
4 borders on buttons |
4 Border |
Beveled |
 |
 |
4 borders on buttons |
4 borders on buttons |
Note: Both the Horizontal and Vertical interfaces have the starter Themes.
Removing Themes
Any of the themes you have created can also be removed from your personal themes collection. To do this, launch the cssListMenu Plus interface and press the Save as Theme button. The main interface will close and the Manage Themes interface will open.
Select the Theme you want to remove and press the Rem Theme button. When you launch the main interface again your new theme will be removed from the list.
Note: The Manage Themes interface is only accessible by clicking the Save as Theme button from the main cssListMenu Plus interface.
