Creating SharePoint-Style Menus

An example of using SharePoint styles in a content editor webpart to make a simple menu.

 

<table border="0" cellpadding="0" cellspacing="0" width="100%" class="zz1_TopNavigationMenu_5">

  <tr>

    <td style="width:0px;"><div align="center"></div></td>

    <td id="zz1_TopNavigationMenun2" onMouseOver="Menu_HoverStatic(this)" onMouseOut="Menu_Unhover(this)" onKeyUp="Menu_Key(this)"><div align="center">

        <table class="ms-topnav zz1_TopNavigationMenu_4" cellpadding="0" cellspacing="0" border="0" width="100%">

          <tr>

            <td style="white-space:nowrap;"><a class="zz1_TopNavigationMenu_1 ms-topnav zz1_TopNavigationMenu_3" href="/Company%20Trainings/Pages/TrainingSchedule.aspx" style="border-style:none;font-size:1em;color:#000000;">Schedule of Classes</a></td>

          </tr>

        </table>

      </div></td>

    <td style="width:0px;"><div align="center"></div></td>

    <td style="width:0px;"><div align="center"></div></td>

    <td onMouseOver="Menu_HoverStatic(this)" onMouseOut="Menu_Unhover(this)" onKeyUp="Menu_Key(this)" id="zz1_TopNavigationMenun2"><div align="center">

        <table class="ms-topnav zz1_TopNavigationMenu_4" cellpadding="0" cellspacing="0" border="0" width="100%">

          <tr>

            <td style="white-space:nowrap;"><a class="zz1_TopNavigationMenu_1 ms-topnav zz1_TopNavigationMenu_3" href="/Company%20Trainings/Pages/Rapattoni101Presentations.aspx" style="border-style:none;font-size:1em;;color:#000000;">Rapattoni 101 Presentations</a></td>

          </tr>

        </table>

      </div></td>

    <td style="width:0px;"><div align="center"></div></td>

    <td style="width:0px;"><div align="center"></div></td>

    <td onMouseOver="Menu_HoverStatic(this)" onMouseOut="Menu_Unhover(this)" onKeyUp="Menu_Key(this)" id="zz1_TopNavigationMenun3"><div align="center">

        <table class="ms-topnav zz1_TopNavigationMenu_4" cellpadding="0" cellspacing="0" border="0" width="100%">

          <tr>

            <td style="white-space:nowrap;"><a class="zz1_TopNavigationMenu_1 ms-topnav zz1_TopNavigationMenu_3" href="http://www.rapattoni.com/multimedia/mls/v10/spotlights/" target="_blank"style="border-style:none;font-size:1em;;color:#000000;">Feature Spotlights and Show Me Tutorials</a></td>

          </tr>

        </table>

      </div></td>

    <td style="width:0px;"><div align="center"></div></td>

    <td style="width:0px;"><div align="center"></div></td>

    <td onMouseOver="Menu_HoverStatic(this)" onMouseOut="Menu_Unhover(this)" onKeyUp="Menu_Key(this)" id="zz1_TopNavigationMenun4"><div align="center">

        <table class="ms-topnav zz1_TopNavigationMenu_4" cellpadding="0" cellspacing="0" border="0" width="100%">

          <tr>

            <td style="white-space:nowrap;"><a class="zz1_TopNavigationMenu_1 ms-topnav zz1_TopNavigationMenu_3" href="/Company%20Trainings/Pages/Rapattoni101ReferenceDocuments.aspx" style="border-style:none;font-size:1em;;color:#000000;">Reference Documents</a></td>

          </tr>

        </table>

      </div></td>

    <td style="width:0px;"><div align="center"></div></td>

  </tr>

</table>