home   

wow

Adding some colour

this is NOT a form Cornsilk is a really nice, neutral colour ... but you can do much more to make your forms fit the look of your site. And it's as simple as making a few tiny changes to the basic form HTML code.

Take a look at your own form code, and near the top you'll see the following line:

<table border="0" cellpadding="10" cellspacing="1" bgcolor="#999999"><tr bgcolor="cornsilk"><td>

The table background colour (bgcolor="#999999") is that washed-out grey border, and the table row background (bgcolor="cornsilk") is that ... cornsilk colour.

Guess what happens if you change the table background to green and the table row background to yellow?

<table border="0" cellpadding="10" cellspacing="1" bgcolor="green"><tr bgcolor="yellow"><td>

What is your name?


And if you wanted a different font colour, edit any line with
<font face="verdana ...." to begin <font color="blue" face="verdana ....

What is your name?


No doubt you can work out the rest for yourself.

Anything else I can do?

Yes - but only by using style commands in your form. Unfortunately, Netscape version 4 does not support these styles, but anyone with Internet Explorer should see the effects. There is an example below - fill out a few of the form spaces to see what can be done.

What is your name?

Where are you from?

E-mail address?


You can view the source of this page to see exactly how this example above was coded, or you can view a plain text file with just the important bits since that is a lot simpler and easier to recycle into your own pages.


About This
What is this about? Why is it here? Who is behind it?

The Basics
What is a form? What does it do? Why doesn't it work?

Colours in Forms
Tired of 'cornsilk'? How to add colour to your forms.

Making Changes
Changing the Subject. Sending your visitors to a special page after they fill out the form.

Validation
How to make sure your visitors fill in the blanks.

Power Stuff
How to send a copy of the form to the sender, to other people, and more ...



  © 2001 - halfadot smallwebs : all rights reserved

   terms of use  |   top of page