• Three column HTML Page Layout
  • About

Generate Code for HTML Layout Design Build
Export
Work Space
Top Margin px Page Width px
Page Size
Drag to insert DIV block element DIV
Drag to insert hosting box insert DIV block element Host
Drag and drop here to delete DIV or host element Delete
HTML Elements
Class Name
Height px
Width px
Element Parameters
DIV
Color
Remove background image Click on image to set it as main background
Background Image
Fixed
Scroll
Attachment
Body
Color

Column Layout Template

This is a simple example of an three column layout that can be easily converted to two, four, five or as many as needed columns by demand. This column layout is used in any website flow where is no need in menus nor headers or footers,where data is constantly updated and placed on top of the page.

Website Layout

All of our pre build HTML page layouts can be restyled to any wished HTML page flow, no prior knowledge is needed. Just drag and drop any DIV block elements by need to achieved a desired layout, use right click and hold to resize the HTML blocks. For more help watch our channel at YouTube.

HTML Column Layout

This layout is suits for an typical sites that don't need to make a use of any kind of menu navigation where the priority is given to fresh and new content, like blog or news content site.

Why three column layout?!

This layout example demonstrate an three column layout although it could easily can be restyled for an four, five, two columns or as many as needed. Each column can be replaced with "HOST" item witch could contain as many DIV elements as required, just start to play with this layout.

Click to set as default HTML CSS web site background image Set aqua circles as site background image Set blue wave on black as site background image Set neon black waves as site background image Set blue as HTML background image Set sea bottom as HTML background image Set cyan circles as HTML background image Set this colored as CSS HTML background image Set this two column as HTML background image Set this image as default CSS HTML website background Set black cubes as sites background image Set this frame with pearl alike as background Set green spirals as background image Set dark site hexagon background decoration Click on image to set as HTML CSS background Click on image to set as light blue web site background Set this neon pink image as site background Click on plum white image to set as web site HTML CSS background Set this reddish transparent waves image as CSS background Click on turquoise white image to set as website background Set colourful waves as HTML website background Click on two lines image to set as background
Update your web browser and enable JavaScript for full "HTML Layout Generator" support Update your web browser and enable JavaScript for full "HTML Layout Generator" support
Drag marker set brightness Update your web browser and enable JavaScript for full "HTML Layout Generator" support
Drag marker to set opacity Update your web browser and enable JavaScript for full "HTML Layout Generator" support
R G B Opacity
Submit
Apply
Cancel
pageColumnLeft
pageColumnMid
pageColumnRight
Exit- Close
Download ZIP file

Already build your website layout and need to build a menu for it?!
Visit : www.Blended-Menu.com