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.
Add down-pointing arrows to the triggers in a horizontal menu.
Center the entire root menu. This technique requires that each root menu item has a default width.
Using negative margins.
Arrange sub-menu links horizontally. Use this method only if you are going to have one level of sub-menus.
Set up a menu on the right side of the page and have the sub-menus fly out to the left.
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.
A vertical interpretation of the above technique.
Use a single image for each root menu item. If the image is transparent, the CSS hover effects will show through.
Create an interesting effect where the first sub-level of a vertical menu flies out to the right, while subsequent levels drop down.
Set each root menu and its associated sub-menu to different colors.
Use the CS3 opacity property and direct X filters for MSIE to make your menu semi-transparent.
Use the CS3 opacity property and direct X filters for MSIE to make your sub-menus semi-transparent.
Add scrollbars to an unusually long sub-menu.
Configure a horizontal menu with many root links so that it wraps neatly to two rows.
Set your root menu items so that the width collapses to the width of the text inside.
Completely outside the box.