Posts Tagged ‘DHTML menu’

Yes. Let’s take Arabic for example. To enable Arabic to show correctly, please set Arabic as the default language on your computer. If your OS is Win2000, set it in Regional Options>General>Language settings for the system.
If your OS is XP, open Control Panel, go to “Regional and Language Options”, and in Advanced tab, please select “arabic” for “Language for non-Unicode programs”. If there is no option of “arabic”, please go back to Language tab, check “Install files for complex script and right-to-left languages (including Thai);
If your OS is Vista, open Control Panel, go to “Regional and Language Options”, and in Formats?Location?Administrative tab, please select “arabic” for “Language for non-Unicode programs”. If there is no option of “arabic”, please go back to Keyboards and Languages tab, check “Install/uninstall languages…”.

View Arabic DHTML Menu here >>

Menu can work in a JavaScript disabled browser. You can insert the codes which are generated by Search Engine Friendly Code Maker to HTML page, and the codes will behave like site map in the web page if the js files are disabled in the browser. The codes are inserted into the BODY tag, which is behind the menu code. If the js files are accessible in the browser, the menu can be shown in the web page, but the codes will not shown; If the js files are disabled in the browser, the codes will be shown as site map in the web page to navigate your web site.

Basically, web menu is generated for website navigation. But, many website designers own so amazing creative , which makes navigation menus become wonderful website element to perfect website design.

Let’s check out six navigation bars to get inspiration:

–There are four ways to insert one DHTML menu into many pages.
First One:
If you have FrontPage, you can use the shared borders or include page function to do so. Please check work with shared borders.
Second One:
If you have Expression Web, you can use DWT (dynamic web template) to do so. Please check work with dynamic web template.
Third One:
If you use Dreamweaver, you can use the Library function to do so.
Please check work with library in Dreamweaver.
Fourth One (recommend):
Use the program alone to create a separate js include file. (Suggest you to use absolute path in links); and then insert the js file into the web page. Please check “Insert a Menu by Including Separate JS File“.

Publishing navigation menu is the process which inserts your pre-designed menu to web pages, which makes it become web menu and shows on website. Basically, you need do two jobs when publishing menu:
• Insert two pieces of menu code to the corresponding HTML tag;
• Copy the resource files (image and js files) to the related directories.

You can preview navigation menu in web page locally when two jobs are done; after uploading all the files to web server, the navigation menu will be shown on Internet.
Sothink DHTML Menu introduces three methods to publish navigation menu based on menu applied range, and we will recommend the best menu publishing method for you. Let’s view these methods:

Publish JS… (Sign with red, recommend to publish menu to many web pages)

Benefits:

Generally, web designer will apply one menu to almost all web pages, which makes the website seem uniform. Using this method, you just update one js file to modify menus on the all pages, which wastes no time to change menu code page by page; comparison to other two methods, the HTML code of web page will be reduced greatly, which is better to speed up page display.

Steps:

1. Check “Publish JS…” option and open “Publish JS” window.
2. Set directory to save the generated js file.
3. Click “Copy All” button to copy first menu code, and insert these code to Head tag of HTML page; once again to copy and paste the second menu code to Body tag of HTML page.
4. Select “Copy the resource files” option to copy JavaScript and image files, and paste them to the defined folder automatically.
5. Click “OK” to quit the window and finish the settings.

Note: The menu code like “file:///E|/dmenu2010” is set on “Global > Resource Folder”. To make navigation menu show correctly on web pages which are in different directories, you should set resource folder for navigation menu.

Publish… (Sign with yellow, recommend to publish menu to few pages)

Benefits:

Few pages need to be inserted navigation menu, you can use this method to publish menu. Without opening HTML pages, Sothink DHTML Menu enables you to copy and paste the menu code to Head and Body tag of HTML page directly, and the resource files which are included in this menu will be copied to the defined folder automatically.

Steps:

1. Check “Publish…” option and open “Publish” window.
2. Choose page directory where the menu will be inserted. The HTML code of this page will be listed in field below.
3. Put the cursor in proper position where the menu will be inserted, and click “Insert Code” button to insert Head and Body code automatically.
4. Select “Copy the resource files” option to copy JavaScript and image files, and paste them to the defined folder automatically.
5. Click “OK” to quit the window and finish the settings.

Note: The menu code like “file:///E|/dmenu2010” is set on “Global > Resource Folder”. To make navigation menu show correctly on web pages which are in different directories, you should set resource folder for navigation menu. If you haven’t set resource folder, the resource files will be copied to the folder where the web page is saved.

View/Copy Code… (Sign with blue, publish menu manually)

Benefits:

If being familiar with menu code, you can use this method to publish menu. No need to re-generate menu code by program, you can manually modify the menu property, change resource folder, or update text and link for each item directly in HTML code.

Steps:

1. Check “View/Copy Code…” option and open “View/Copy Code” window.
2. Click “Copy All” button to copy the first menu code, and insert these code to Head tag of HTML page; once again to copy and paste the second menu code to Body tag of HTML page.
3. Select “Copy the resource files” option to copy JavaScript and image files, and paste them to the defined folder automatically.
4. Click “OK” to quit the window.

Note: The menu code like “file:///E|/dmenu2010” is set on “Global > Resource Folder”. To make navigation menu show correctly on web pages which are in different directories, you should set resource folder for navigation menu.

Depending on the menu page quantity and menu code skill you master, you can choose the suitable method from above-mentioned publishing methods to publish your menu. Download Sothink DHTML Menu to publish navigation menu to web page by yourself.

Navigation bar provides an easy and interesting way to navigate between the site’s main sections on your site for visitors. A navigation bar often extends along the top or side of a Web page and includes text, images, or animations, displayed as buttons that link to other sections or pages in the site.

Besides its function, navigation menu design is very important for your website; your web menu should match with website style. Below, we will show you 5 excellent navigation bars:

1. Red & black drop down menu

2. Link chain JavaScript menu


3. Arch DHTML menu


4. Bullet drop-down menu

5. Battery web menu

These well-designed navigation bars are packaged in Sothink DHTML Menu, you can apply them to your website freely as long as you are the registered users.

For web designers, they would like to layout each element in website precisely. As an important element, navigation menu needs to be placed in the proper situation on the website. But how to place navigation bar on special location, how to make it align to other elements? Next, I will show you the ways to position navigation menu:

Position Menu in Web Page by Layer

http://www.sothink.com/tutorials/position-menu-in-web-page-by-layer-properly.htm


Position Menu in Web Page by Table

http://www.sothink.com/tutorials/position-menu-in-web-page-by-table-properly.htm

You can download Sothink DHTML Menu to try position javaScript menu on the webpage.

There are four ways to insert one DHTML menu into many pages.

First One:

If you have FrontPage, you can use the shared borders or include page function to do so. Please check work with shared borders.

Second One:

If you have Expression Web, you can use DWT (dynamic web template) to do so. Please check work with dynamic web template.

Third One:
If you use Dreamweaver, you can use the Library function to do so.
Please check work with library in Dreamweaver.

Fourth One:

Use the program alone to create a separate js include file. (Suggest you to use absolute path in links); and then insert the js file into the web page. Please check “Insert a Menu by Including Separate JS File“.

You are hosting the frameset website, a drop down menu is required to navigate the website; but the common DHTML menu are unable to popup its sub menu in another frame page. In this case, you need a special cross-frame menu to navigate your frameset website:

let’s check the cross-frame menu sample:

Highlight Frameset Menu

Two Cross-frame Menus in One Page

Highlight Cross-Frame Menu

All the cross-frame menus are made by Sothink DHTML Menu. If you are interested in building cross-frame menu, download this cross-frame menu builder to create your menu sample.

Having set up a website, then you need a navigation menu that can be link to every page on the website. Build a drop down menu manually or generate a menu automatically? Obviously, generating menu automatically is a simple way to reach your needs.

Note: It would be better to use absolute link path in your page.

View visual tutorial to generate a navigation menu

Download Sothink DHTML Menu to build a web menu for the existing website.