How To Create the Menu System ...

In this tutorial you will show how to create a simple menu system. You can easy integrate it into your site to get a nice and easy editable site navigation system.

Here is the style sheet that controls the display settings for the OOP menu system:

   <style>
   .menu a{
      color: white;
      font: 10pt Verdana,sans-serif;
   }
   .menu a:hover{
      color: yellow;
   }
   .trigger th{
      color: white;
      font: 10pt Verdana,sans-serif;
      font-weight: 700;
   }
   .trigger{
      font: 10pt Verdana, sans-serif;
      color: white;
      background-color: rgb(50,50,130);
      position: absolute;
      padding: 2px;
      width: 100;
      height: 15;
      z-index: 2;
      cursor: pointer;
      cursor: hand;
   }
   .menu{
      font: 8pt Verdana, sans-serif;
      color: white;
      background-color: rgb(50,50,130);
      position: absolute;
      top: 23;
      padding: 4px;
      width: 100;
      visibility: hidden;
      z-index: 2;
   }
   .menuBar{
      background-color: rgb(50,50,130);
      position: absolute;
      top: 0;
      left: 0;
      height: 25;
      z-index: 1;
      padding: 4px;
   }
   </style>

 Original Source: