Standard Design Samples
Type Design Templates
Click on the tabs to see the variations of this template
Four Column with Automatic Window Adjustments
Template Number: TD-4C_LH
This template gives a professional look to any Web site. If using a four column design it will automatically drop down to a three column design for windows and browsers with low resolution. Thus eliminating the need for a bottom scroll bar.
When you view a 4-column page with your window width set to 1280 pixels (or more), you'll see all 4 columns arranged horizontally across your screen. If your window is 1024 pixels wide, you'll see 3 columns. And if your window is 800 pixels wide (or less), you'll see 2 columns.
Where do the columns go?
The outer columns do not disappear—they simply and seamlessly drop to the bottom of their preceding column. Each column will always have a full-height vertical border. Viewers with narrow browser windows will never know what they're missing.
Two Column with Vertical Fly-out Menu
Template Number: TD-2C_FV
This Type Design template gives a professional look to any Web site. You can have both horizontal and vertical menu bars in any location. The main column can be placed on either the right or left.
Section 508 guidelines are adhered to. All content is, of course, always accessible to search engine spiders and the adaptable columns provide a unique level of usability on a wide range of large and small devices.
Two Column with Horizontal Drop-down Menu
Template Number: TD-2C_FH
This Type Design template gives a professional look to any Web site. The horizontal menu bar floats over the logo image. The main column can be placed on either the right or left.
Creating a Type Design site is as simple as choosing the number of columns (2, 3, or 4), and what kind of navigation bar you'd like.
All the Type Design templates have been tested in the following browsers:
IE5.x, IE6, IE7
Firefox 1.x (and higher)
Safari 1.2x (and higher)
Opera 9.x (and higher)
Three Column with Automatic Window Adjustments
Template Number: TD-3C_LH
This template gives a professional look to any Web site. If using a three column design it will automatically drop down to a two column design for windows and browsers with low resolution. Thus eliminating the need for a bottom scroll bar.
When you view a 4-column page with your window width set to 1024 pixels (or more), you'll see all 3 columns arranged horizontally across your screen. If your window is 800 pixels wide (or less), you'll see 2 columns.
Where do the columns go?
The outer columns do not disappear—they simply and seamlessly drop to the bottom of their preceding column. Each column will always have a full-height vertical border. Viewers with narrow browser windows will never know what they're missing.
UT Template Series
Click on the tabs to see the variations of this template
Two-column, centered fixed width, and vertical menu
Template Number: UT-2C_FV
This template variation uses a fixed width content section and a vertical fly-out navigation bar. A fixed page will assure that the smallest browser windows can see the content without the use of a horizontal scroll bar. For larger browser windows this page will be centered on the screen with equal empty space on both sides. If the browser window becomes too narrow a horizontal scroll bar will appear along the bottom of the page.
The sidebar can house additional content and a small slide show or movie.
Three-column, liquid width, and vertical menu
Template Number: UT-3C_LV
This template variation uses a liquid content section and a vertical fly-out navigation bar. A liquid page will expand and contract to fit the browser window. If the browser window becomes too narrow a horizontal scroll bar will appear along the bottom of the page. This is a good way to fill the window for nearly any size screen.
The sidebar can house additional content and a small slide show or movie.
Two-column, liquid width, and horizontal menu
Template Number: UT-2C_LH
This template variation uses a liquid content section and a horizontal drop-down and fly-out navigation bar. A liquid page will expand and contract to fit the browser window. If the browser window becomes too narrow scroll bars will appear along the bottom of the page. This is a good way to fill the window for nearly any size screen.
The sidebar will always extend to be even with the bottom of the main content. The longest column determines the length of the page.
Three-column, liquid width, and horizontal menu
Template Number: UT-3C_LH
This three column variation uses a liquid content section and a horizontal drop-down and fly-out navigation bar. A liquid page will expand and contract to fit the browser window. If the browser window becomes too narrow scroll bars will appear along the bottom of the page. This is a good way to fill the window for nearly any size screen.
The sidebars can house additional content and a small slide show or movie.
The right sidebar will always extend to be even with the bottom of the main content. The longest column determines the length of the page.
The left sidebar will end at the last line of content. It may not line up with the bottom of the other two columns.
