Sami's Site:  CSB 5 Demo        home
CSB 5 Demo   |   Buttons   |   Templates   |   Forms   |   Link Colors   |   Tables   |   Colors   |   Page Properties   |   Flash   |   Photo Sequence Wizard

These links set to use color of link text







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.

New Templates
New Templates
New Templates
New Templates
New Templates
New Templates
New Templates
regular font
New Templates
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!

New Templates
New Templates
New Templates
New Templates
New Templates
New Templates
use your specialty fonts!
New Templates
New Templates
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!
New Templates
colorblocks
tiny lines
use a transparent image:
just change colors
(background color will always be flat)
Templates
Templates
Templates
Templates
Templates
Templates Templates New Templates New Templates

individual color sets
each color requires 3 images
(shaded color background)
Templates
Templates
Templates
Templates

Templates
Image used for icons
Wingding fonts make neat icons:   *    (    R
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.
New Templates
Can't change background color.  Edge or background will remain white even if you try to chang the color
New Templates

New Templates
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.