How to Add Subcategories in iWeb

The iWeb Web-building software provides no native function to add sub-menus to your site's main navigation bar. Without sub-menus, your navigation bar can quickly become overcrowded. This is especially true if you have a lot of pages on your iWeb site. Because the iWeb software allows you to integrate your own HTML code, however, you can add sub-menus to your site with a snippet of code.

Instructions

  1. Hide Current Menu

    • 1

      Log into your iWeb administration panel.

    • 2

      Click any of your website pages located under the “Site Organizer” column. This opens up the page for editing.

    • 3

      Click the “Inspector” option from the bottom toolbar.

    • 4

      Remove the checkmark from the option labeled “Include Page In Navigation Menu.”

    • 5

      Click “File” and “Save” to save your changes.

    • 6

      Repeat steps two through five for each page of your website that is included in your navigation menu.

    Add Sub-Category Menu

    • 7

      Log into your iWeb administration panel.

    • 8

      Click any of your website pages located under the “Site Organizer” column. This opens up the page for editing.

    • 9

      Click the “Media” tab, located on the bottom toolbar.

    • 10

      Select “HTML Snippet.” An HTML editor box appears.

    • 11

      Paste the below HTML code inside the HTML editor box. The code contains one main menu tab, with three sub-menu items underneath each tab. Replace the generic links in the code with your real site navigation links. Replace the generic “Menu Tab” and “Sub-Menu” names with your real menu tab names. Add more menu tabs to the code, as needed. To add more tabs, simply repeat all of the code located between the "<div id="menu">" and "</div>" tags.

      <div id="menu">
      <ul>
      <li><a href="#Your First Menu Tab">http://www.genericpagelink.com&lt;/a>
      <ul>
      <li><a href="#Sub-Menu">http://www.genericpagelink.com&lt;/a>&lt;/li>
      <li><a href="#Sub-Menu">http://www.genericpagelink.com&lt;/a>&lt;/li>
      <li><a href="#Sub-Menu">http://www.genericpagelink.com&lt;/a>&lt;/li>
      </ul>
      </div>

    • 12

      Click “File” and “Save” to save the changes to your page.

    • 13

      Repeat steps two through six for each page to which you wish to add a navigation menu. Click “Publish” to publish the changes to your site.

Related Searches

References

Related Ads

Check It Out

7 Tips for Photographing Your Kids on Halloween