menu.html 1.97 KB
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>HTML template</title>
    <link rel='stylesheet' type='text/css' href='menu.css'>
    <script type="text/javascript" src="prototype.js"></script>
    <script type="text/javascript" src="menu.js"></script>
  </head>
  <body>

    <div id='accessibility_menu'>
      <a href='#'>Acesibilidade</a> |
      <a href='#'>Central de Buscas</a> |
      <a href='#'>Ir para conteúdo</a>
    </div><!-- accessibility_menu -->

    <div id='navigation_bar'>
      <ul>
        <li id='category1'>
        Noosfero
        <ul>
          <li><a href=''><span>Item 1</span></a></li>
          <li><a href=''><span>Item 2</span></a></li>
          <li><a href=''><span>Item 3</span></a></li>
          <li><a href=''><span>Item 4</span></a></li>
          <li><a href=''><span>Item 5</span></a></li>
        </ul>
        </li>
      
        <li id='category2'>
        Territorios
        <ul>
          <li><a href=''><span>Item 1</span></a></li>
          <li><a href=''><span>Item 2</span></a></li>
          <li><a href=''><span>Item 3</span></a></li>
          <li><a href=''><span>Item 4</span></a></li>
          <li><a href=''><span>Item 5</span></a></li>
        </ul>
        </li>
      
        <li id='category2'>
        Lalala
        <ul>
          <li><a href=''><span>Item 1</span></a></li>
          <li><a href=''><span>Item 2</span></a></li>
          <li><a href=''><span>Item 3</span></a></li>
          <li><a href=''><span>Item 4</span></a></li>
          <li><a href=''><span>Item 5</span></a></li>
        </ul>
        </li>
      </ul>
    </div><!-- id='navigation_bar' -->
    <script type="text/javascript">
      prepareMenu('navigation_bar');
    </script>

    <div id='search_box'>
      <form action="" method="GET">
        <input type='text' name='q' value='sua busca aqui ...'>
        <input type='submit' value='Buscar'>
      </form>
    </div><!-- id='search_box' -->

  </body>
</html>