How to create a menu

Selteco Menu Maker 4 is a great tool to create a menu for your homepage.

Please note that I'm not affiliated with the creators of this software, I 'm just an user of it.

You can download Selteco Menu Maker here: http://www.selteco.com/menumaker/

So lets start:

Click on image for detail view.

Creating a menu is very simple, the tricky part - if you're not familiar with HTML - is the integration in your homepage.

Step 1: Export the menu

Click on File-> Export Menu and choose a name - I've used test. You should receive a dialogbox like this one:

So you've got 2 files:

test.html: an example how your menu will look like and a few instructions.
Just open the file with the Internet Explorer (or Firefox,Opera......) and you see your menu in action
test.js: the javascript file that contains your newly created menu.

Step 2: File copy

Put test.js in the same directory where the html file is located you want to use the menu with. Then open the html file (in my example nobody.html) with a text editor (notepad works well ;-)

You should see something similar to this:

<html>
<head>
    <meta content="text/html; charset=ISO-8859-15"
    http-equiv="content-type">
    <title>Nobody4ever Test Menu Maker</title>
</head>
<body>
    <br><br><br>
    Hi this is the nobody.html file.<br>
    Just a little file to illustrate how to use the menu.<br>
    <br>
        Please note:
        This is just for demonstration ! Please do not expect any
        useful information on this special site.<br>
        Information about file extensions, freeware
        and browser you'll find @
        <a href="http://www.nobody4ever.run2.ws">
            http://www.nobody4ever.run2.ws</a>.<br>
    </body>
</html>

Place following code after <body>:

<script language="javascript" src="test.js"></script>

nobody.html has now following content:

<html>
<head>
    <meta content="text/html; charset=ISO-8859-15"
    http-equiv="content-type">
    <title>Nobody4ever Test Menu Maker</title>
</head>
<body>
    <script language="javascript" src="test.js"></script>
    <br><br><br>
    Hi this is the nobody.html file.<br>
    Just a little file to illustrate how to use the menu.<br>
    <br>
        Please note:
        This is just for demonstration ! Please do not expect any
        useful information on this special site.<br>
        Information about file extensions, freeware
        and browser you'll find @
        <a href="http://www.nobody4ever.run2.ws">
            http://www.nobody4ever.run2.ws</a>.<br>
    </body>
</html>

Open the HTML file with your browser. You should see your menu:

Click on image for detail view.

Do this with every page where your menu should be displayed.

Save your work and upload it with the javascript file (test.js) to your hompage.

My sample menu : http://nobody4ever.run2.ws/nobody.html

Questions ? Please use the forum => Articles => How to create a menu with Selteco Menu Maker 4

Menu:

Latest news:

More info:

Useful sites:

How to create a menu