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.