for the search, my way to preload images! haha

Notes

Welcome to Skem9's CSS3 and HTML5 Layout Generator

Heres some quick notes about this generator..

- 95% of the choices below will update live in the preview at the bottom of this page

- Everything that has to do with hovering over something does not work in the preview.

- This is just a quick and easy set up for your website's template.

- I know I dont have any CSS3 effects in this generator, I am thinking about adding some in the future, but the output will meet all w3 standards

- If you would like to contribute you're layout to Skem9.com you can if you're a member, and its really easy and much appreciated.

- Use the buttons below to browse through the generators process.

Edit Overall Page Layout

Page Background     To Preview


Add Background Image (Optional)

  |    |  

Main Content Holder     To Preview


Your page will stretch across the whole page, so if you selected a page background color, and then another background color here, this color will show up.
px

The follow background options apply to the main content of your layout.


Add Background Image (Optional)

  |    |  

Layout Type     To Preview


Single Column Background


Add Background Image (Optional)

  |    |  
px  |   px

Left Column Background Settings


Add Background Image (Optional)

  |    |  

Right Column Background Settings


Add Background Image (Optional)

  |    |  
px  |   px

Left Column Background Settings


Add Background Image (Optional)

  |    |  

Right Column Background Settings


Add Background Image (Optional)

  |    |  
px  |   px  |   px

Left Column Background Settings


Add Background Image (Optional)

  |    |  

Center Column Background Settings


Add Background Image (Optional)

  |    |  

Right Column Background Settings


Add Background Image (Optional)

  |    |  

Layout Header     To Preview

px

Add Background Image (Optional)

  |    |  

Layout Footer     To Preview

px

Add Background Image (Optional)

  |    |  

Edit All Text and Links

All Text     To Preview

  |     |     |  

Text Effects (Decoration) (Optional)

  |     |     |     |     |     |  

Live Preview     Back to top

Header Here
Left side bar
Main content here

Regular links before hovered | Hovered link styles

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Right side bar

Live Preview     Back to top