Single Level CSS Menus

This one page covers all the single level CSS Menu styles. The menu above serves as the working demo for all of the styles below.

Just click on the style you would like to see and the page will be reloaded using the selected stylesheet for the above menu. This will then serve as a working demonstration of your chosen menu.

Your selected menu style will be remembered next time you visit this page and will also be used when visiting 'Home', 'Support' and 'Contact' pages on this website.

I do offer a service to alter any graphics to suit your requirements.

Choose your CSS Menu

• Default
  Sliding doors-tabbed menu
• Arrow
  Centered 'current tab' arrow
• Orange Tab
  Sliding doors-tabbed current orange menu
• Pull Tab
  Sliding doors pull down menu
• Peaks
  Peak Tabs - transparent borders no images
• Slope
  Sloping Tabs - transparent borders no images
• Glossy
  Sliding doors - glossy buttons
• Shadow
  Sliding doors - png transparency
• Aqua
  Sliding doors - png transparency
• iMak
  Mac like - png transparency
• Rainbow
  Colored buttons - png transparency
• Riser
  Grey/color buttons - png transparency
• Curl
  Button curls - png transparency
• Flags
  Coloured flags with border art - no images
• Centered
  Variable width/float left - centered!
• Images
  Image replacement technique
• Centered v2
  Latest browser versions and IE method
• Jump
  Sliding doors with jumping text.
• Rotate
  An image replacement menu.
• Flip
  A simple text direction changer.
• Balloons
  An image map menu with 3 states.
• Bubbles
  PNG Icons with speech bubbles
• Circles
  PNG Icons in a circular pattern.
• Highlight
  PNG Icons with overlay on hover.
• Pianist
  PNG images with semi-transparent rollovers.
• Stripes
  PNG transparency with solid rollovers.
• Twister
  PNG transparency with png rollovers.

Downloads

Click the links below to download zip files of each menu. Note that these menus are styled for use with standards compliant doctypes and that you will need to ensure the stylesheet paths are correct for any image used.

For personal use a support donation is requested though not compulsory and the copyright comment must be retained in the stylesheet.

For commercial use or on paying jobs a support donation is required and the copyright comment must be kept in the stylesheet. To make a support donation please click the button below: