A Logo Could Go In Here? |
||
This Page Is Full Width, To A Maximum Of 1050px WideThis 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
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 HeadingYou 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.
Your H3 HeadingYou 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.
This Is A Full Width Text BoxHandy 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 LeftThis 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 TextIf 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 TextA Half Box To The RightThis 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.
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.An H3 HeadingThis 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 HeadingAnything 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 BoxThis 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 |
|
Subscribe to My RSS/XML FeederText in this column is set to 86% size of the main center column.A Nav Include Is used HereThe 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 |
||
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 |
Copyright©
2006-20015 Golf-Swing-Magic.Com. All Rights Reserved.
| Homepage | Page 2 | Page 3 | 2 column Page |
Template Design
Copyright©
2007. Put your footer info here. You can also add links here if you wish.
|