An orange and green color combination with black background give this vertical menu a sharp look but in parallel keeps it calm. In this menu we added a custom circle that currently is unchangeable using "HTML Generator Tabs" but will present in the final generated code for this template.
All menus in this site are created using pure CSS and HTML only. We not making any use of jQuery but if you wish you can port those menus by your need for any CMS, plain HTML etc. website. This is what giving them a small size, witch useful for fast HTML page uploads.
All menus you will download or create using this site even the current "Menu Template" make a use of clear UL - "Unordered List" and LI - "List Item" elements. The essence in such a technique is resulting in clean CSS code, the only trick is to add "hover" rule for each sub menu / hovered item structure, and the web browser will do the rest work.
This vertical menu as others is made to be absolutely any web browser friendly. In other words it will be viewable in any browser "Cross Browser" for a better support it's recommended to make use of "<!DOCTYPE html>" in your HTML5 CSS3 page.
You don't have to download nor generate any code just play with menus re-styling them the way you want. We give those HTML menu examples for inspiration further customization is done by you. So if you use any CMS systems, Joomla, Wordpress, Drupal... style and download code, next open in any browser on your computer and apply same style for your site.
This menu template created using four major colors, orange, green and black. Note for an orange circle appearing near menu item the mouse over, this circle is currently unchangeable but will appear in final generated code, so you will be able to change it there manually. As other vertical menu templates in this site this menu is absolutely free, if you like it link to this site. NOTE: It is highly recommended not exceed more that tree sub levels for this menu, for an orange circle to present in the correct place.