Buttons

Buttons

These are the standard patterns for the new buttons provided with CSB 5.

You can change font style, font colors, size and background color (to match the color of the page).

You can even use specialty fonts!

Mouseover them to see the standard changes and click a button to see the new template designs.

These samples were all made with the graphical button builder-built-in graphics.



	regular font
These buttons come in several colors (blue, red, yellow, green, black, purple) to coordinate with the new templates that are included with CSB 5.

These samples were all made with the graphical button builder-simple changes!



use your specialty fonts!
These are the SAME buttons shown above with a couple changes to color, font style, size... Nothing made outside CSB!

You can even import your own background images to use as button designs!

use a transparent image: just change colors (background color will always be flat)

individual color sets

each color requires 3 images

(shaded color background)

Image used for icons

Wingding fonts make neat icons:

Adjust the width of the image, and type a character!

There are specific rules that must be followed!

Limitation that can easily be worked around: The built-in buttons that are curved or have bullets ARE NOT transparent.
	Can't change background color. Edge or background will remain white even if you try to chang the color
	EASY WORKAROUND: I copied and renamed the images, edited them to set background to transparent Then put the new images into the Program files area so CSB could access them like normal.
Download the 3 images used to make the transparent button shown above: imageA imageB imageC Put the images here so CSB will be able to use them: C:\Program Files\GlobalSCAPE\CuteSITE Builder\PagePlug-ins\Resources\GraphicalButtons

This button maker is not as versatile as Xara's button maker, but is faster and easier because the buttons are IN CSB and requires no extra coding insertion or separate program.

SCREEN SHOTS:

Choose the style of your button, input the link information and button text

Choose the font and mouseover font color, align text

When you click the FONT button, you get a box that lets you choose ANY font on your computer for your buttons. Since the button uses a GRAPHIC, the font you choose in here IS the font you get on the button! *minor exceptions

Adjust the size of the button and background edge color.

Currently no button will have transparent edges.

Uncheck maintain proportions, change the width only to make the text

longer but keep the button height the same size. Used this technique above on several buttons.

If you leave the box checked to maintain proportions, then the button image will stretch wider and taller at same rate.

This one has the background color of vivid pink

Color choices have no eyedropper. They use the standard WINDOWS color chooser.

Not a favorite way to deal with colors but adequate. Eyedropper would be wonderful!

Need to match your colors? You can still use the CSB color pallet.

Find your RGB colors for each of the pallet colors here.