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

    Can you walk me through the creating of a css popup?

Return to Recent Questions


Q: Can you walk me through the creating of a css popup?

I opened DHTML Tuner program to build a css popup 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 css popup.
Click "Add item" and "Add subitem".
In the "Item parameters" window you can set text, link, target, icons, styles, .js files for the css popup 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 css popup.
In the "Preview window" you can see all your changes.

Choose css popup orientation:
var isHorizontal = 1; Menu orientation: 0 - vertical, 1 - horizontal.

You can set exact width and height of the css popup in the "Dimension" category.

You should set
var absolutePos=1;
if you want to have absolute positioning css popup.

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 css popup 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 css popup you should set the following parameters:
var floatable=1;

var movable=1;

You can also try to apply any template to your css popup.





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 parallax | bootstrap 4 templates | best website builder | free icon fonts | best web design software