A Logo Could
Go In Here?

This Page Is Full Width, To A Maximum Of 1050px Wide


This page had the table width removed from the table tag. Which means it will default to full width. Some of the improvements in this template version
  • Table attributes moved to the stylesheet
  • More include files added
  • Max-width now works in IE as well as Firefox! (for those that don't realize it, that's not an easy job)
  • Simplified navigation, easier to change
  • New class for heading background
  • New header area for logo or text
  • Font size is now % rather than fixed


  • this is a list with custom bullets
  • you can use your own graphic
  • the image is called from the stylesheet
  • which makes it quick and clean
  • It also makes it more difficult for someone to "borrow" your custom bullet

Donec accumsan sem. Ut risus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Pellentesque eget mi. Nunc a ligula. Integer et neque. Pellentesque nulla enim, scelerisque sit amet, elementum a, facilisis ut, turpis. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris placerat, arcu vel pharetra iaculis, urna purus viverra nisl, ac semper diam metus ut ante. Sed congue, turpis at scelerisque facilisis, elit enim facilisis ipsum, eu blandit sem massa mattis lorem. Integer ipsum velit, luctus pulvinar, ultrices dapibus, venenatis sed, tellus.

Your H2 Heading


You can use an SBI Table Of Contents (TOC) include here.I have not put that into this template, however if you wish to do so then email me and I can give you the information to do it.

Notice the heading background passes BENEATH images, text-boxes etc? See the boxes lower down on this page.

You may or may not like that effect, but I think it adds a little depth to the page.

So pay attention to where you use this, if you dont want this to happen.

link to page


Your H3 Heading

You can use an SBI Table Of Contents (TOC) include here.I have not put that into this template, however if you wish to do so then email me and I can give you the information to do it.

Doing it this way, you can pick and choose which pages you want to show your visitors, add a grahic as i have done here, and also add any special interest tier 3 pages. As this is edited very easily, you can update this area quickly and easily, to include new pages that you want to draw attention to. Think of it as a "best of" for whats inside your site.

arrow gif link to page

This Is A Full Width Text Box

Handy for putting some text in, that you want to stand out from the rest of your page. Just copy and paste the entire code, and put it anywhere you want. Then just replace this text with your own. You can also put a picture in here.

A Half Box to The Left

This div is 1/2 width, and aligned to the left. You can replace the image with your own, and cut and paste the entire code to a more suitable spot on a different page.

This box will always stay at 1/2 the width of the column, and will extend down the more you type into it. Which means that you can divide your main content column into 1/2, without actually adding any cells to the table. A pretty good way to do it, I think, and it adds a little visual interest to the page .

More headline Text

If you don't like the way that the heading background passes under the text box, that's easily fixed. You would simply put the heading code above the code for the text box, instead of below, as it is here.

See the next box down as an example.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris placerat, arcu vel pharetra iaculis, urna purus viverra nisl, ac semper diam metus ut ante. Sed congue, turpis at scelerisque facilisis, elit enim facilisis ipsum, eu blandit sem massa mattis lorem. Integer ipsum velit, luctus pulvinar, ultrices dapibus, venenatis sed, tellus.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris placerat, arcu vel pharetra iaculis, urna purus viverra nisl, ac semper diam metus ut ante. Sed congue, turpis at scelerisque facilisis, elit enim facilisis ipsum, eu blandit sem massa mattis lorem. Integer ipsum velit, luctus pulvinar, ultrices dapibus, venenatis sed, tellus.



More headline Text

A Half Box To The Right

This div is 1/2 width, and aligned to the right. You can replace the image with your own, and cut and paste the entire code to a more suitable spot on a different page.

This box will always stay at 1/2 the width of the column, and will extend down the more you type into it. Which means that you can divide your main content column into 1/2, without actually adding any cells to the table. A pretty good way to do it, I think, and it adds a little visual interest to the page .

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris placerat, arcu vel pharetra iaculis, urna purus viverra nisl, ac semper diam metus ut ante. Sed congue, turpis at scelerisque facilisis, elit enim facilisis ipsum, eu blandit sem massa mattis lorem. Integer ipsum velit, luctus pulvinar, ultrices dapibus, venenatis sed, tellus.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris placerat, arcu vel pharetra iaculis, urna purus viverra nisl, ac semper diam metus ut ante. Sed congue, turpis at scelerisque facilisis, elit enim facilisis ipsum, eu blandit sem massa mattis lorem. Integer ipsum velit, luctus pulvinar, ultrices dapibus, venenatis sed, tellus.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris placerat, arcu vel pharetra iaculis, urna purus viverra nisl, ac semper diam metus ut ante. Sed congue, turpis at scelerisque facilisis, elit enim facilisis ipsum, eu blandit sem massa mattis lorem. Integer ipsum velit, luctus pulvinar, ultrices dapibus, venenatis sed, tellus.



The class for this font is changed in the stylesheet. It is only here to give you the option of a bold text, without the extra size

Text in this column is set to 93% size of the main center column.

All HTML pages and stylesheets with this template, will give a perfect validation at W3C.(with one deliberate exception!) You can check the page here, once the template is uploaded to your computer. I guarantee a 100% pass with the template.

Valid HTML 4.01 Transitional


An H3 Heading

This width of any column can be altered quickly and easily. The page will shrink and expand to fit the monitor size of your visitors.

This template will validate perfectly ....meaning less variation in how it appears in different browsers. Try it, take a look at it in Both IE and Firefox (or Safari and Opera, if you are a Mac user).


An H3 Heading

Anything you like can go here. Google adblock, site news, any thing that will fit.

If you put an image in thats too wide however, you may force the column to be wider than you want.


You can even add an image to this column.



Text Box

This is the same full width textbox as used on the main body column.

However, it automatically resizes to fit the narrower column, as it isnt a fixed width. A pale background like this is ideal for putting testamonials in.



Recommended Golf Swing
Learning Resources







Subscribe to My RSS/XML Feeder


Text in this column is set to 86% size of the main center column.

A Nav Include Is used Here



The navigation is css driven. As there are no graphics involved, the load and response times are very fast indeed. Having the navigation code stored off the page also increases load speed.
This is a good area to add your RSS information.
You can even add an image to this column.




Recommended Golf Swing
Learning Resources




Text in the footer column is set to 86% size of the main center column.


| Homepage | The Rules Of Golf Quiz | Golf Blog | Link to Us |

Page copy protected against web site content infringement by Copyscape

Copyright© 2006-20015 Golf-Swing-Magic.Com. All Rights Reserved.
This Site is Powered by Site Build It!.

Return to top
Home
ADD TO YOUR SOCIAL BOOKMARKS: add to BlinkBlink add to Del.icio.usDel.icio.us add to DiggDigg
add to FurlFurl add to GoogleGoogle add to SimpySimpy add to SpurlSpurl Bookmark at TechnoratiTechnorati add to YahooY! MyWeb
| Homepage | Page 2 | Page 3 | 2 column Page |

Copyright© 2007. Put your footer info here. You can also add links here if you wish.
Return to top

Template Design