HTML Draw™ Lite
makes imageless corner designs for auction templates

This tool will produce a script that writes corner elements to the areas of the page you designate.

1. Select a corner size - 16 pixels is the default.
   
2. Draw your corner detail in the magnified grid.
   You will be creating the design for the top left corner.
   The pen will be filling the page area outside of the corner.
   The program will flip the design to create the other three corners.
   
3. Set either the page or box color for your corner detail (it's easy to change within your code). The alternate color on the corners will remain transparent. The sample HTML code will use "tan" to underlay the transparent areas. Tan does not appear in the script. Change "tan" in the HTML codes to your own color or set the alt color in the tool.
   
4. Click "Preview" to see all four corners in the sample and to make the code.
   
5. Click "New" or choose a new size to start over.
   

Copy and Use Code

The above script should be added near the top of your template. If you would like to use more than one shape in the same page, then checkmark the option above the code window, and a number will be added to identify each script.

A short command to make the appropriate corner rotation must be added to your TABLE or DIV structure where you want each corner to appear. A sample for both code methods is at the end of the above code. In the samples, the transparent areas of the corners are overlaid on a tan color. Change that tan color to any other color to see how versatile your corners can be.

There are two ways to use the corners in tables:

A. The default is to set the page background color for the outside portion of the corner detail, and leave the inside transparent to allow your TABLE or DIV color to show through.

B. The second option is to set the inside of the corner (the box color) to match the table color, and leave the outer portion transparent to allow the outer page color to show through. The second method is more difficult to implement with DIVs, so follow the sample code carefully.

You will need to know at least one of these two colors and set it in the tool or at the top of the produced code. You may experiment with the popup preview.