|
Creating Your Own Free
Rounded Corner Templates - Page 4
9. (Continued
From Page 3) Start an entirely new blank web page. If you
are creating a template like the one on the page you are viewing
right now, you need to insert a table with 2 columns and 2 rows.
Make sure your cell padding and cell spacing and borders are all set to 0.
Your vertical and horizontal alignment can be set to default or
middle. Then merge the top two cells so you have 1 top horizontal
cell and 2 cells below. Now drag or make your left lower cell to
be skinny (around 150 pixels). So now you have a skinny cell on
the left and a wide cell on the right. Now you want to change your
table properties to include a background picture, which is your
template. Most of the time I work in the visual editor in
FrontPage and you can just right-click on any of the cells and
choose "table properties" and check the box to "Use
background picture". Now you can adjust your cells by moving
the edges to show the entire template. If it starts to tile and
show part of the template again, your cells are too big, if the
template is cut off, make the cells larger.
Now it would work to use it just like that, you could type or add
items, but one more step will make the template way more
versatile. Insert a new table (1 cell, 1 column) inside each of
your existing cells and make them about 5 or so pixels smaller
than the cells they are in (depending on the thickness of your
template borders). Keep your cell spacing, padding and borders at
0. The bottom two cells can be set in the cell properties with
vertical alignment "top". I am providing the code of
what it should look like if you followed the above steps. But
remember it will only show properly with the template on this
page. Windows users can save the template to your computer; right click HERE
and choose "Save Background As". Then upload it to
your "images" folder. (Mac users can CLICK
HERE for link to template image).
Continue
To Next Page
 |