Recent Questions
Q: I am contacting you on behalf of my client World of Envelopes as they currently use your menus. We are currently running their SEO campaign and would like to know what is search engine friendly about your new javascript hover menu?
Would it be possible for you to provide me with an example of a client that is currently using this new menu so I can assess the SEO ability of this menu.
A: You should generate search engine friendly code and install it on yourpage.
Deluxe Menu is a search engine friendly menu since v1.12.
To create a search engine friendly javascript hover menu you should add additional html code within your html page:
<div id="dmlinks">
<a href="http://deluxe-menu.com">menu_item_text1</a>
<a href="http://deluxe-tree.com">menu_item_text2</a>
...etc.
</div>
To generate such a code use Deluxe Tuner application.
Run Tuner, load your menu and click Tools/Generate SE-friendly Code (F3).
We use search engine friendly code on our website,
http://deluxe-menu.com
You can view source of the page.
Q: I am in the final stages of testing and need some advice and help.
I have two problems I am trying to address.
1) Arrows on dropdown menu select.
2) Load time.
Please notice, I have to use absolute paths for the dropdown menu select to work.
1) I can't get the arrows to show, so I tried to add the code for images in the first bold sentence below.
2) I tried to add the second line for absolute paths for links to increase load time in the second bold sentence. It appears that the load time is increased by about 3 seconds and that the menu is the last to load, even though I have tried to have this as the first html to load.
Neither one of my commands appear to work.
This site has over 10,000,000 items on it, and I can't wait to get this up and running. Your program is the perfect solution for anybody with a website.
A: 1) Now you have:
var arrowImageMain=["mainmenu.files/arrv_blue_2.gif","mainmenu.files/arrv_white_2.gif"];
var arrowImageSub=["mainmenu.files/arr_blue_2.gif","mainmenu.files/arr_white_2.gif"];
You should set your arrows in the following way:
var arrowImageMain=["arrv_blue_2.gif","arrv_white_2.gif"];
var arrowImageSub=["arr_blue_2.gif","arr_white_2.gif"];
2) Your menu is very large. I advise you to us AJAX like technology.
http://deluxe-menu.com/ajax-technology-menu-sample.html
You can also try the following things:
move all <script> calls into <head>, but delete dm_init() function from mainmenu.js file -- move them instead offiles calls, i.e.:
<head>
<script src=mainmenu.js>
...
</head>
...
<div><script>dm_init();</script></div>
It this case data will be loaded when <head> will load, but after thatdropdown menu select must be shown quickly.
Let me know about results.
Q: What command that I use the HTML code that will be showing in the html javascript popup to close window?
A: Try to use the following functions to show and hide popup window:
deluxePopupWindow.open()
hide()
For example you should write:
["","javascript:deluxePopupWindow.make('window', 'http://google.com/', '#1: Google Web site', 'width=590,height=350,resizable,scrollbars,minimizable,fullscreen,centerscreen,move-effect=top,,opacity=1,floatable=yes', 'default')","icon.gif"]
["","javascript:document.getElementById('window').hide();","icon.gif"]
Notice also that you should move the following code from your data file on your html page directly inside SCRIPT tags:
<script type="text/javascript">
menuItems[
[...]
];
dm_init();
</script>
See more info:
http://deluxepopupwindow.com/window-installation-info.htmlQ: Where do I increase the width of the javascript menu bars for each entry? Some of my links are a bit longer than the image and it's causing it to use part of another gif to cover it. Sorry not sure if I even explained that right. Let me know if this makes sense.
A: I suppose that you're using Vista style templates.
The width of vista images is 94px. If the width of your menu itemis wider than 94px you should correct the width of the images in anygraph editor, for example in Photoshop. You should set the width ofthese images 120px and set the following parameter:
var itemStyles = [
["itemWidth=120px","itemBackColor=transparent,transparent","itemBorderWidth=0","fontStyle=bold 10pxTahoma","fontColor=#FFFFFF,#F8FF95","itemBackImage=columbine.files/btn_orange.gif,columbine.files/btn_orange2.gif"],
];
You can also try to use the following parameter to use combinedbackground for your items:
var beforeItemImage = [,]; //left-side image for normal and mouse over state
var itemBackImage = [,]; //background or image for normal and mouse over state
var afterItemImage = [,]; //right-side image for normal and mouse over state
var beforeItemImageW = '';
var afterItemImageW = '';
var beforeItemImageH = '';
var afterItemImageH ='';
Deluxe Menu
Deluxe Tree
Deluxe Tabs
Deluxe Popup Window
Pure CSS Menu
JustAjax
Javascript Calendar Date Picker
AJAX Photo Gallery
