How to insert web button menu into Microsoft Expression Web?

This tutorial will guide you how to insert web button menu maker into Microsoft Expression Web.

In Web Button Menu Maker, design your web button menu, then click the button "Export HTML" on the main toolbar.

Web Button Menu Maker

In the "Export HTML" dialog, click "Next" button, in the second step of the wizard, select the option "Export code to a new HTML file", then click button "Save as". In the "Save as" dialog, navigate to the folder where your Microsoft Expression Website files located, enter a string as the filename, for example, "webbutton.html", then click "Next" button to generate web button menu files.

Close Web Button Menu Maker, start Microsoft Expression Web and open your website. The new generated file "webbutton.html" and subfolder "images" should be listed in the "Folder List" section of Microsoft Expression Web.

Double click the "webbutton.html", open it in the editor, then click the "Code" in the left bottom of the editor area, switch to the code editor mode, then copy the following code from the HTML source code:

<!-- Begin of MTop web button menu code -->
<script language="javascript" src="images/mtop.js"></script>
<script language="javascript">draw_buttons("images","",-1);</script>
<noscript>To display this page, you need to have JavaScript enabled. For more details, please visit <a href=http://www.mtopsoft.com/web-button-maker/index.htm>Web Button Menu Maker</a></noscript>
<!-- End of MTop web button menu code -->

Open your HTML file, switch to code editing mode, then paste the code to where you want to display the web button.

If the HTML file is in the same folder as the "webbutton.html" file, you can leave the code unchanged; but if the HTML file is in a subfolder of the "webbutton.html", you need to change the code as the following code of red color.

<!-- Begin of MTop web button menu code -->
<script language="javascript" src="../images/mtop.js"></script>
<script language="javascript">draw_buttons("../images","",-1);</script>
<noscript>To display this page, you need to have JavaScript enabled. For more details, please visit <a href=http://www.mtopsoft.com/web-button-maker/index.htm>Web Button Menu Maker</a></noscript>
<!-- End of MTop web button menu code -->

 

 

Search This Site:

   Advanced

Main

Web Button Menu Maker
Screenshots
Order Now!
  Download Now

Help

Online Help
Quick Start
FAQ

Online Example

Example 1
Example 2
Example 3

Related Products

HTML Password Lock
Search Engine Composer

Who likes our products:

Rated 4.5 stars at SnapFiles
Pop at Cnet Download.com

Rated 5 Stars at The File Transit!

Home | Download | Order Now | Contact us | Links
ęCopyright MTop Software All Rights Reserved.