PVII Pop Menu Magic

User Guide Home :

menu styles glossary

Pop Menu Magic uses CSS for styling. You have total control over your menu's appearance at all times. This section of the User Guide contains a glossary of the common rules in your menu style sheet.

#p7PMnav

The Top-level Menu "box".

#p7PMnav li

The top level list items. These should not be edited unless you are an advanced CSS author.

#p7PMnav ul

The sub-menu drop-down and/or flyout "boxes".

#p7PMnav a

The menu links.

#p7PMnav ul a

If you need to style the sub-menu links separately, then you would use this rule. Some menu style sheets contain this rule, others don't. If your menu theme CSS file does not contain this rule, then you must create it yourself.

#p7PMnav a:hover, #p7PMnav a:active, #p7PMnav a:focus

The menu link hover (mouseover), active (mousedown - when your mouse button is depressed over a link), and focus (when a link has been reached via the tab key or otherwise has focus) states.

#p7PMnav ul a:hover, #p7PMnav ul a:active, #p7PMnav ul a:focus

If you need to style the sub-menu link hover, active, and focus states separately, then you would use this rule. Some menu style sheets contain this rule, others don't. If your menu theme CSS file does not contain this rule, then you must create it yourself.

#p7PMnav .p7PMmark

the current page marker (You are Here) style.

#p7PMnav .p7PMtrg, #p7PMnav .p7PMon

This is a grouped selector and relates to the Trigger links, as well as the Trigger links while its relevant sub-menu is showing. Sometimes these selectors are listed separately.

#p7PMnav ul .p7PMtrg, #p7PMnav ul.p7PMon

This grouped selector would be used if you wanted separate styles for the Trigger links that are inside the sub-menus.

#p7PMnav .p7PMhide

This system rule should NEVER be edited.

#p7PMnav .p7PMshow

This system rule should NEVER be edited.

#p7PMnav

We provide a second instance of the #p7PMnav selector to facilitate assigning Top level menu width.

#p7PMnav li

This rule relates to the root level menu item <li> tags. In a horizontal menu, this rule assigns explicit widths to all root elements and set them to float. If you'd like your root menu items to be variable widths, see the Variable Root Menu Width lesson in this guide.

#p7PMnav ul, #p7PMnav ul li

This grouped selector assigns sub-level menu widths.

#pmmcrumb

Relates to the container box for the optional Breadcrumb Trail add-on.

#pmmcrumb a, #pmmcrumb a:visited

The link style for the Breadcrumb Trail links.

#pmmcrumb a:hover, #pmmcrumb a:active, #pmmcrumb a:focus

The Hover, active, and focus styles for the Breadcrumb Trail links.

Next: Home