Many thanks to Dean Watson for his hard work creating the code and for allowing me to modify and use it in this demo.

Reset Defaults and Property Index Buttons


Reset Defaults:    clears all information you have entered without saving.
Property Index:    opens a new window at the left with an alphabetized list of all properties and the tab where they can be found in the demo.
There are 4 properties with a question mark. Click the mark for directions on setting them

Setting Your Design Area


    Click Help for how to use this area
Design area bg color
Width
px or %
Height

How to use the demo:

  • Start: Click Reset Defaults to make sure all areas are clear.
  • Set the Design Area if you want to use it.
  • Click the tabs in any order. Help will open the related help area.
  • To create or change a property, fill in the form box and click outside.
  • You may use the color picker or enter your own codes. Do not use quotes.
  • To save data, click the Save tab, highlight, copy and paste the information.
  • Always make a backup of your original file.

  • LIMITATIONS:

    1. Only one style can be created at a time.
    2. The style name in the Save file is mystyle. This should be changed when you save the style to the name you wish.
    3. To make different styles: create, copy and save a style, then click Reset Defaults and repeat the process making sure you rename the new style when it is saved. For example, you might save a style based on menu orientation, i.e. horzStyle, vertStyle.


Menu Properties
Style Properties
margin=
* padding=
orientation=
padding is a
 style property
menuwidth=
% or px
menuheight=
% or px   
itemwidth=
itemheight=
menualign=
sceenposition=
divides=
Vertical Offset
Horizontal Offset


Background Colors
 
  Font  Colors  
     
 menubgcolor=
<<---- this will not show once offbgcolor is set unless margin is used
offbgcolor=
 
offcolor=
onbgcolor=
 
oncolor=
pagebgcolor=
 
pagecolor=
headerbgcolor=
 
headercolor
 
visitedcolor

Borders

bordercolor
 separatorcolor=
borderwidth=
separatorsize=
borderstyle=
separatorheight=
headerborder=
separatorwidth=
pageborder=
separatorpaddng=
offborder=
separatoralign=
onborder=

Text Options

Text align
  
Font 1
Font 2
Font Size
fontstyle=
onitalic=
fontweight=
onbold=
decoration=

ondecoration=

valign
  

 


Image Options

 
menubg.gif
 menubgimage
bg.gif
bgimage
bg_over.gif
overbgimage
pagebg.gif
pagebgimage
image.gif
image
image_over.gif
overimage
imagepadding
 
sepV.gif / sepH.gif
 separatorimage
pagesub.gif
pagesubimage
subV.gif / subH.gif
subimage
subV_over.gif / subH_over.gif
onsubimage
subimagepadding
 
subimageposition