Skip Main Navigation

Enter a query to search our site. Note that you can use "*" and "?" as wildcards. Enclosing more than one word in double quotes ("CSS Layout") will search for the exact phrase.

PMM Tweaks and Inspiration

These examples are meant to illustrate some interesting and useful ways to tweak your PMM menus. Some of them contain instructions, while others are simply examples. To see how an example was made, examine the source code and the CSS files and look for the changes. If you need help, log on to our PVIIWEBDEV newsgroup and start a discussion.

Adding root arrows to a horizontal menu

Add down-pointing arrows to the triggers in a horizontal menu.

Centering a horizontal menu

Center the entire root menu. This technique requires that each root menu item has a default width.

Centering Sub-Menus in a horizontal menu

Using negative margins.

Making sub-menu links horizontal

Arrange sub-menu links horizontally. Use this method only if you are going to have one level of sub-menus.

Sub-menu flyouts to the left

Set up a menu on the right side of the page and have the sub-menus fly out to the left.

Fading image-based horizontal menu

Use a single image for each root menu item to create an engaging menu bar effect using the CS3 opacity property and direct X filters for MSIE.

Fading image-based vertical menu

A vertical interpretation of the above technique.

Transparent GIF-based menu

Use a single image for each root menu item. If the image is transparent, the CSS hover effects will show through.

Over then down

Create an interesting effect where the first sub-level of a vertical menu flies out to the right, while subsequent levels drop down.

Multi-colored menus

Set each root menu and its associated sub-menu to different colors.

Semi-transparent menus

Use the CS3 opacity property and direct X filters for MSIE to make your menu semi-transparent.

Semi-transparent menus (sub-menus only)

Use the CS3 opacity property and direct X filters for MSIE to make your sub-menus semi-transparent.

Adding scrollbars inside a sub-menu

Add scrollbars to an unusually long sub-menu.

Double-row root menu

Configure a horizontal menu with many root links so that it wraps neatly to two rows.

Variable root menu widths

Set your root menu items so that the width collapses to the width of the text inside.

Zig-Zag roots

Completely outside the box.