| ||
This Page Is 95% Width, To A Maximum Of 1050px Wide
Some of the improvements in this template version
A Centered BoxJust some content to show the display of this box. The class used to create this box is called "center-box" Look in the source code, to see how the div class "clear" has been used ahead of this center box. This is to ensure the image above cannot overlap this box. The class named clear is the css equivalent of the standard HTML tag, br clear="all", and should be used to "clear" content such as forms and floated images.
Your H2 Heading
You can use an SBI Table Of Contents (TOC) include with this template. Simply put the TOC tag at the bottom of your center column, and enclose it with table tags. DON'T put tr and td tags, SBI will add those for you. 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 Left 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 . Use the class half-right to have the box display on the right side of your page. This is fully documented in the video tutorials. 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. 
|
Text in the side columns is set to a smaller size than the main center column. This can of course be altered.
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 html used in 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....meaning less variation in how it appears in different browsers. Try it, take a look at it in Firefox, Internet Explorer, Opera, Safari...any browser you want. 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. |
|
|
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.
|
||
| Template Design | ||
| Copyright© 2010. | ||