Concho's Panel Maker
Panel Type: Solid Mask
Panel Size: X
Panel Color:
Alt. Color: Auto:
Border Width:
Radius
Grid Type: Spacing:

instructions


View Large Panels in a new window

Sample Code
Panel Maker let's you quickly generate masks and panels in any color with a variety of styles. Set your preferences in the yellow section then click preview to display your custom gif image. Modify the sample code for your needs and copy the image to your host.

Don't be afraid to experiment. PanelMaker allows unlimited combinations. You can create, review and revise as many times as you need to get your graphic just right! Don't forget to save your "keepers" to your local PC as you go. ( Place the mouse over your graphic then right-click for the save menu)

Panels provide a background image for sections of your page which can function as a heading, section grouping or accessory graphic. To save you time, sample container code is created with each revision. Just host the image and copy this code to your page for an immediate solution.

Using the grid feature of this tool also provides a great starter image for graphing (set the grid spacing to match the data series of your graph then copy to any image editor to add bars or lines)

Image Masks are panels which transition a photo to the background color of your page. Masks contain a tranparent area in the shape of the panel. When used as a cover for your photo, you can enhance the presentation of the image and also provide a method to discourage image theft. (HINT! For a perfect match, copy the background color code (hex) from you web page to the color field on the wizard then set the width and height to the exact size of your photo.)

The following explains the function of each control.

Graphic Size: enter a value between 50 and 800 for the width and height of your image.

Mask Place A check here to create a Mask using the primary color only. You should use the same color as the background of your web page. An invisible (transparent color will fill the cutout area. samples

Color: Choose the color for your panel. (Click once on either field to set focus or double-click to bring up an alternate RGB color selector.)

Alternate Color: The color of grids and borders. (This setting is ignored when creating a transparent mask.)

Border: The width of a colored border (or none) (Optional for panels. Required when creating a transparent mask.)

Radius: Set the radius size of the corners. Experiment - some corners look better with different color schemes.

Grid spacing: Enter a value from 3 to 100 for the spacing between grid lines.

Contrast: Let the program automatically choose an alternate color for grids. (Ignored when creating a transparent mask or if you manually select an alternate color.)

Grid Type: Choose horizontal lines, vertical or both. ( N/A for mask)

Cancel this action

Panel Maker Help


Panel Maker let's you quickly generate masks and panels in any color with a variety of style. Set your preferences in the yellow section then click preview to display your custom gif image. Copy the image to your host and you are done! The following explains the function of each control.

Graphic Size: enter a value between 50 and 800 for the width and height of your image.
Mask Place A check here to create a Mask using the primary color only. You should use the same color as the background of your web page. An invisible (transparent color will fill the cutout area. samples
Color: Choose the color for your panel. (Click once on either field to set focus or double-click to bring up the color selector.)
Alternate Color: The color of grids and borders.
Border: The width of a colored border (or none)
Radius: Set the radius size of the corners
Grid spacing: Enter a value from 3 to 100 for the spacing between grid lines.
Contrast: Let the program automatically choose an alternate color for grids. (ignored if you manually select an alternate color)
Grid Type: Choose horizontal lines, vertical or both.