Web menu Horizontal menu

Multipage management

It is reasonable to use one of the ways to provide repeating content across many pages: Repeating regions (Dreamweaver Templates), Library Items, Server Side Include, PHP and so on. There is only one rule to make them all work properly with f-source menus - don't forget to include in the repeating content the three code snippets: 

1. Script - <script src='ActiveContent3_2.js'></script> 
(by default it is located in the head of the page).
2. Navigation settings - DIV with id='menu'.
3. Flash object - DIV with id = 'f-source menu'.

Use XML and keep navigation settings in one XML file

Cut the DIV with id='menu' from a page and paste it in XML file. This file is an ordinary text file with .xml extension. It must contain nothing but the DIV with id='menu'.
Set a path to your XML in the Tag Inspector.
The parameter xml_Path(in Tag Inspector) can be relative (navigation.xml) or absolute
(http://www.yourDomain.com/navigation.xml).

Read detailed instructions here

How to create a library item

Create a single Library item with navigation and then reuse it on each page. When you need to make an edit, it’s simply a matter of opening the Library item, making the edit and letting Dreamweaver replicate that edit across all the pages containing the Library item.

1. Create new "Dreamweaver site" (or open existing site).

  • - Open "Files panel" (F8 or Window -> Files),
  • - Select in Site pop-up menu "Manage sites",
  • - The Manage Sites dialog box appears. Press "New",
  • - Create new site.

2. Create new Library item.
  • - Open "Assets panel" (F11 or Window -> Assets)
  • - By default, the "Images category" is selected. Select the last category - "Library"
  • - Click the New Library item button at the bottom of the Library category.
  • - Type a name for the new library item.
assets

3. Insert the menu in the Library item.
  • - Double click to open the Library item, Dreamweaver opens a new window for editing the library item. This window is much like a Document window, but its Design view has a gray background to indicate that you’re editing a library item instead of a document.
  • - Click menu button on your Insert bar (Flash elements section) to insert f-source menu (for example "Mac Style Menu")
  • - Save the flash element in the Library folder (type new name "menu.swf")
  • - Save the script 'ActiveContent3_2.js' in the Library folder,
    (to get the script download it here http://f-source.com/support/ActiveContent3_2.js)
  • - Test the Library item in browser (F12), if it not working, check the script path and SWF path.

4. Use the Library item.
  • - Drag a library item from the Assets panel to the Document window,
  • - When you edit a library item, you can update all documents that use that item. If you choose not to update, the documents remain associated with the library item; you can update them later.

Thus, you will have in the Library folder these files:
menu library files library
In the menuLibrary.lbi correct path to the SWF file must looks like : 
<param name="movie" value="menu.swf" />
.....

<embed src="menu.swf" ......
In the test.html correct path to the SWF file will looks like : 
<param name="movie" value="Library/menu.swf" />
.....
<embed src="Library/menu.swf" ......
Here is example of HTML code inside of the Library item: 
<script src='ActiveContent3_2.js'></script>

<div id='menu'>
  <div><a href='http://f-source.com'>Button1</a></div>
  <div id='submenu'>
    <div><a href='http://f-source.com'>SubButton1-1</a></div>
    <div><a href='http://f-source.com'>SubButton1-2</a></div>
    <div><a href='http://f-source.com'>SubButton1-3</a></div>
  </div>
  <div><a href='http://f-source.com'>Button2</a></div>
  .........

</div>

<div id="f-source menu" style="position:absolute; left:0px;
top:10px; width:100%; height:45px; z-index:99999;">
  <object classid="............