|
|
 |
|
--Program Usage Guide-- Basic Box Settings: |
|
|
|
Show Graphic or Color
These settings allow you to have Curved Corner Boxes where the Box Body
is part graphic and part colored. These settings are located on the
root application page just below the
'Box Body Graphic URL'
field and the
'Box Body Color'
field and control which one of those fields shows through for the 3
different parts of the box, the top, the middle, and the bottom.
The 3 different parts of the box controlled by these settings
are illustrated by the
Curved Corner Boxes below. In the boxes below, the
'Box Body Graphic URL'
was set to a wood graphic and the
'Box Body Color'
was set to '#c0c0c0', the gray color you see.
The only difference between the different boxes is
the 'Show graphic or color' settings for the 3 different parts of the
box.
Top set to 'Show graphic', middle and bottom set to 'Show color'
Top and bottom set to 'Show graphic', middle set to 'Show color'
Top and middle set to 'Show graphic', bottom set to 'Show color'
All 3 parts set to 'Show graphic'
All 3 parts set to 'Show color'
Note: the inner rectangular area of the boxes above is white because I
set the
'Contents area background color'
field to 'white'. If I instead erased that field, then whatever
settings I have for the
'Box Body Graphic URL'
field or the
'Box Body Color'
field will 'flow' into the inner Contents Area background instead.
Which one of them
will 'flow' will be determined by your setting for 'Show middle: Graphic / Color'.
Below is a Curved Corner Box identical to the first one above
except that I erased the value from the
'Contents area background color'
field and unchecked the
'Show contents area border?'
field.
Top set to 'Show Graphic', middle and bottom set to 'Show Color'. 'Contents Area Background Color' erased and Contents Border turned off.
Close Window
| |
The web FORM above was 'skinned' using this WIZARD and then just copied/pasted into this page.
It is a 'live' web FORM and you can use it to do a search of this web site
or to do a search of Google.
This automated Curved Corners Box WIZARD can 'skin'
practically any HTML and that
HTML will still be 'live'.
Some things you can 'skin' with this WIZARD include:
 Web Links
- even 'skin' your entire navigational system like I do in the left column
of this page Web FORMS
- 'skin' an entire web form containing any number and type of controls
YouTube.com Videos
and other OBJECT tags. Video runs as normal inside the Curved Corners Box 'wrapper'!
Server Programming Code(server code will not execute on my
system, only on your target system)
Just Plain Text - Make yourself a quicky content heading graphic
like the heading at the top of the center column of this page
or maybe make a Curved Corners message box or maybe even make your Logo!
|
