Editor: pure CSS drop-down menu design expert VIM
Second, recognizing the panel Visual Infinite Menus
1, Rapid Control Panel
Visual Infinite Menus use the WYSIWYG design mode, designers can easily be operated through mouse design beautiful drop-down menu. The lower part of the menu bar interface with the upper part of a fast-control panel, it can be passed on the control panel, menu add, delete, move, sort, edit, and other operations. Following plans:
Rapid control panel
From left are: Preview (running), the start / Closure Properties panel, hide / show Edit menu, repeat operations to remove operation, shift on the menu, menu downward, insert menu, add sub-menus, add and delete menu menu and, finally, an input options, the menu is in front of the text, the menu is the rear links, as well as through the browser menu add local picture for the background.
2, the basic style menu designer
Menu Editor column is the usefulness of the basic mode of the Edit menu, the interface shown below:
The basic style of menu design
Menu basic style menu design was used to set up the text, links, style (fonts, colors, backgrounds, etc.), borders, menu bar attributes, the static background image, mouse over the background image and mouse style, as well as in Main menu and sub menu object under two separate design, which also includes a underline box, used to design in the three states underlined attributes.
3, the left side effects editor
The left side effects editor at the left side of the contents panel, which can set up the menu for the static and dynamic background picture background images, but also important is that the drop-down menu can be set up for the effect of various attractive tell slides, But these are css filters achieve. Figure panel are as follows:
Top-down order function is: Adding static picture, add the dynamic picture, the picture settings main menu button, the box filter effects, and more filter effects, filters management, fillet effect, the appearance of the menu choices, sub-menu appearance Selector and effects selector.
4, the menu Attribute Editor
Attribute Editor menu is more complicated control panel in part, may be designed to more css knowledge, if you are a beginner, you can be disregarded, if you have some understanding of css, css style sheet Attribute glance at the chest then you can attribute with the menu editor to design highly personalized to the menu. Following plans:
Attribute Editor menu will be the main menus and submenus design text style, frame styles, activity patterns, regional styles, and so on, involving more to the theory, in the future will be mentioned in the article.
Summary: In this paper, Visual Infinite Menus on the menu and function of the panel, as Visual Infinite Menus entry basis. Will be presented under a Visual Infinite Menus of the menu functions, please read.
A total of four. 9 7 1 2 3 4 8:
Tags: css drop-down menu, css editor, css menu, CSS style design
Leave a Reply