(c) 2007, DHTML-Menu.com
 
   
   
  Support
  Recent Questions
  Write To Support
 

    Can you walk me through the creating of a javascript floating layer?

Return to Recent Questions


Q: Can you walk me through the creating of a javascript floating layer?

I opened DHTML Tuner program to build a javascript floating layer and there are different categories such as: common, dimensions, font, appearance etc. I have NO IDEA what to do?


A: First of all you should add items to the javascript floating layer.
Click "Add item" and "Add subitem".
In the "Item parameters" window you can set text, link, target, icons, styles, .js files for the javascript floating layer items. But at first you should create Individual Styles. Click "Edit Individual Style/Add Style" and set different parameters for the style.

Try to set different parameters for the javascript floating layer.
In the "Preview window" you can see all your changes.

Choose javascript floating layer orientation:
var isHorizontal = 1; Menu orientation: 0 - vertical, 1 - horizontal.

You can set exact width and height of the javascript floating layer in the "Dimension" category.

You should set
var absolutePos=1;
if you want to have absolute positioning javascript floating layer.

Font style you can set in the "Font" category.

Try also to adjust the following parameters:
var itemSpacing=3;
var itemPadding="3px";

To set color of the javascript floating layer you should set the following parameters:
var menuBackColor="#FCEEB0";
var menuBorderColor="#C0AF62";
var itemBackColor=["#FCEEB0","#65BDDC"];
var itemBorderColor=["#FCEEB0","#4C99AB"];

Arrows for main items and subitems you can set here:
var arrowImageMain=["default.files/arrowmain.gif","default.files/arrowmaino.gif"];
var arrowImageSub=["default.files/arrowsub.gif","default.files/arrowsubo.gif"];

If want to have floatable or movable javascript floating layer you should set the following parameters:
var floatable=1;

var movable=1;

You can also try to apply any template to your javascript floating layer.





Return to Recent Questions

   
Copyright (c) 2012, DHTML-Menu.com
Home  |  Product Info  |  Samples  |  Download  |  Purchase  |  FAQ  |  Site Map  |  Write Us
All rights reserved. bootstrap menu | free bootstrap templates | bootstrap 4 themes | best web design software | best website builder software