The Milonic menu can be downloaded as a trial from their site: www.Milonic.com  From their site:

The Milonic JavaScript Menu works perfectly on the following web browsers 

Microsoft Internet Explorer for Windows 4.0 to 6.0+
Netscape Navigator for Windows 4.03 to 4.8
Netscape Navigator for Windows 6.0 to 7.0+
Mozilla for Windows 0.6 to 1.6+
Opera for Windows 5.0 to 7.0+

Microsoft Internet Explorer 5.0+ for Apple Mac
Safari 1.0+ for Apple Mac
Netscape Navigator 4.x+ for Apple Mac
Netscape Navigator 6.0+ for Apple Mac
Mozilla 0.7+ for Apple Mac

Netscape Navigator 4+ on Unix/Linux
Netscape 6+ on Unix/Linux
Konquerer 2.2+ on Unix/Linux
Mozilla 0.7+ for Unix/Linux

Support is currently in development for the menu on WebTV and Pocket PC's

The Milonic Menu (used as a navigation tool on this site) can be used in a centered site - you just need to follow a few guidelines. Because this site has been manually centered using the DJMix method, these items may vary just slightly from using the auto-center feature in Web Studio 4.

The Milonic Menu itself is comprised of a few .js files which are loaded into your server space. I usually place them in the main directory using an FTP program. To make the menu work, you then add code to the pages where the menu will be used. This code "looks" at the files on the server and displays what you see. The menu you develop is contained in the files that sit on the server. The benefits include the ability to make global changes with a single file.

In this site, the menu consists of one primary menu (the Main Menu), and secondary menus for the various subcategories (Navigation, in the case of this page). To center properly, the main menu portions need to sit inside of a table - this table is what "moves" as the page width is changed. Because the table adjusts along with the page width, the menu moves with it.

Main Menu

© 2007  WebStudioHelp.net & SunsetFX.com          All Rights Reserved Worldwide     
No images, graphics or text on this site may be reproduced without the written permission of WebStudioHelp.net
'Back to the Beach',  'Web Studio' and all content accessed through the Web Studio Forums are Copyright Back to the Beach Software and Web Studio.
Examples listed are with permission.

Navigation

Using the Milonic Menu in a Centered Site

If I were to only have the Main Menu in use, I would add code to the page for just that menu (Page Properties / Page HTML / Beginning of Body).

In this case, I've named the file for the main menu embedded_WS_Help_Main.js   You can also see that I'm using a table width of 1005 pixels - this seems to work well for the width of this site, and allows the menu to stay within the graphic designed for it. As mentioned above, this code is what you'd see on a manually centered site.

Adding the secondary menu changes the code to include the name of the file for the new menu: menu_data_Navigation.js

Code:
<SCRIPT type="text/javascript" src="milonic_src.js"></SCRIPT>
<script type="text/javascript">
<!--
if(ns4)_d.write("<SCR"+"IPT LANGUAGE=JavaScript SRC=mmenuns4.js><\/SCR"+"IPT>");
else _d.write("<SCR"+"IPT LANGUAGE=JavaScript SRC=mmenudom.js><\/SCR"+"IPT>");
-->
</SCRIPT>

    <table width="1005" border="0" CELLPADDING="0" CELLSPACING="0" align="center">
    <tr>
    <td>
    <SCRIPT type="text/javascript" src="embedded_WS_Help_Main.js"></SCRIPT>
    <SCRIPT type="text/javascript" src="menu_data_Navigation.js"></SCRIPT>
    </td>
    </tr>
    </table>


<table width="1005" border="0" CELLPADDING="0" CELLSPACING="0" align="center">
<tr>
<td>
<DIV style="position: relative; padding: 0px; height: 100%">

Code:
<SCRIPT type="text/javascript" src="milonic_src.js"></SCRIPT>
<script type="text/javascript">
<!--
if(ns4)_d.write("<SCR"+"IPT LANGUAGE=JavaScript SRC=mmenuns4.js><\/SCR"+"IPT>");
else _d.write("<SCR"+"IPT LANGUAGE=JavaScript SRC=mmenudom.js><\/SCR"+"IPT>");
-->
</SCRIPT>

    <table width="1005" border="0" CELLPADDING="0" CELLSPACING="0" align="center">
    <tr>
    <td>
    <SCRIPT type="text/javascript" src="embedded_WS_Help_Main.js"></SCRIPT>
    </td>
    </tr>
    </table>


<table width="1005" border="0" CELLPADDING="0" CELLSPACING="0" align="center">
<tr>
<td>
<DIV style="position: relative; padding: 0px; height: 100%">

aaaaaaaaaaaaiii