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  

Advanced Template Section Home   |    Main Home Page