importing menu from menu maker into designer pro 6

**mushroom** · 31 January 2011, 12:07 PM

Will someone please give me step-by-step instructions on how to import a menu i've created in menu maker into a designer pro 6 document? Xara seem unable or unwilling to supply me with these instructions.

**Soquili** · 31 January 2011, 01:16 PM

Hi mushroom,

Welcome to Talkgrahics.

The step by step instructions are on the Xara Support site.

http://support.xara.com/index.php?_m...articleid=2741

**mushroom** · 31 January 2011, 01:25 PM

You mean this one?

SolutionThe following applies to

•Xara Web Designer

•Xara Designer Pro

Xara Web Designer allows you to insert external objects within your web page and this includes navigation bars from Menu Maker or Webstyle.

Xara Web Designer already provides you with a selection of button bar designs but if you wish to use an existing button bar/ NavBar created in Menu Maker then

Begin by exporting your document from Xara Web Designer. We recommend you initially do this first to ensure you have a _files directory in which to save your navbar graphic and js files too.

1. Run Menu Maker and click on the button labelled New I have done this

2. Select the template you wish to use. Click on the Text, Color, texture and size tabs to configure the look of the menu. Ensure you take a note of the size of your navbarI have done this

3. Click on the set the button names and apply sub menus to your navbarI have done this

4. Click on the Save button followed by the save Graphic buttonI have done this

Note steps 5 and 6 are important. Failure to save your navbar and graphic files to the correct location will prevent you navbar from working as you expect.

5. Click on the button labelled Set Graphic Folder List. I have done this Browse to the folder where you exported your Xara Web Designer page too. I have done this You will find a folder within this location bearing the same name as the web page exported from Web Designer and appended with _files. Example: index_htm_files

6. Select the _files folder and click on ok. Using what application? There is no OK option in Menu Maker Next, use the browser bar on the right side of the save screen And where is this and in what application? to browse to the same folder as where your Web Designer web page was exported to prior to clicking on the save button.

7. Open windows Explorer and browse to the folder where the navbar was exported to. This will be the same folder to which you exported your web page from Web Designer.

8. Edit the web page exported from Menu Maker within notepad. You will see some HTML code similar to below. Copy the line of codes between the <body> and </body> tag. In the example below, the code with bold text applied would be copied.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>MenuMaker produced NavBar</title>
</head>
<body bgcolor="#ffffff" text="BLACK">
<script src="xaramenu.js"></script><script menumaker src="index_htm_files/afterglow.js"></script>
</body></html>

9. Switch to Web Designer and use the rectangle tool to create a placeholder using the rectangle tool. Size it to be the same width and height as your navbar and position the rectangle within your page where you wish the navbar to appear.

10. With the rectangle selected, click on the Website Properties icon and select the placeholder tab. Paste the HTML code copied in step 8 within the 'Replace with HTML code' text area and click on the OK button.

11. Finally, if you wish the navbar to be copied to the same location on every page within your document, then select the rectangle placeholder, click on Arrange and select Repeat on all pages.

12. Export your document from Web Designer

This is of no use whatsoever. Can you make head or tail of it? because I can't.

I have followed the instructions and nothing happens at all.

**Soquili** · 31 January 2011, 01:34 PM

Step 6 is all done within Menu Maker 1.1, which version are you using?

**mushroom** · 31 January 2011, 01:41 PM

Menu Maker 1.1

**Soquili** · 31 January 2011, 01:44 PM

Maybe a picture will make things clearer.

**mushroom** · 31 January 2011, 01:46 PM

I've done this and saved the graphics to the file i need it in. still nothing happens.

**Soquili** · 31 January 2011, 01:47 PM

Did you finish the steps where you copy the javascript line from the Menu Maker html file and paste the code into a placeholder within your Web Designer page?

**mushroom** · 31 January 2011, 01:50 PM

Yes. Just clarify for me can you? I am copying the code from the menu maker html file by viewing its source code, copying the relevant code and placing it directly into the placeholder. Am I doing this right? or am I missing something? There is nothing displayed when I click apply and click OK